/**
 * Product List CSS entry.
 *
 * Browser output remains ONE bundle: public/css/product-black.css.
 * Source order is deliberate:
 *   1) product-list/common.css — shared all-family tokens + content width
 *   2) V2/legacy compatibility in preserved cascade order
 *   3) Product List V3 module owners (loaded last)
 */
/**
 * Product List Common — all-family page tokens and 1440px content container.
 * Applies to ITEM, Accounts, Player, Gold and legacy pages. Import immediately
 * before product-catalog-v2.css to preserve existing cascading order.
 * New module-local styles belong in their feature CSS, not here.
 */
.lolga-black .catalog-page {
  --catalog-bg: #101010;
  --catalog-nav: #181818;
  --catalog-panel: #202020;
  --catalog-control: #171717;
  --catalog-menu: #121212;
  --catalog-line: #313131;
  --catalog-text: #bbbbbb;
  --catalog-green: #45d42f;
  --catalog-green-tab: #6af454;
  --catalog-green-dark-text: #071006;
  --catalog-yellow: #f6b204;
  /* One desktop content width for every Product List family and its game strip. */
  --catalog-content-max: 1440px;
  background: var(--catalog-bg);
  color: var(--catalog-text);
}
.lolga-black .catalog-page .product-wrap {
  width: min(var(--catalog-content-max), calc(100% - 28px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box;
}
/* Transitional Product List V2: compatibility rules only. Shared base tokens and
 * 1440px content container now live in product-list/common.css immediately before
 * this file. Do not add new category/filter/card rules to V2; use module CSS. */
/* Game identity, attribute tabs and active markers live exclusively in
   product-list/subnav.css. V2 must not duplicate or override their geometry. */
.lolga-black .catalog-page .catalog-h1 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 750;
}
.catalog-page .catalog-hero[hidden] {
  display: none;
}
.catalog-page .catalog-body {
  padding: 18px 0 42px;
}
.catalog-page .catalog-chips .classify_box {
  padding: 0;
}
.catalog-page .category-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.catalog-page .category-row.is-letter-sort {
  max-height: 12rem;
  overflow-y: auto;
}
.catalog-page .category-chip:hover {
  color: #fff;
  border-color: #555;
}
.catalog-page .category-chip.active {
  background: #45d42f;
  border-color: #45d42f;
  color: #0d140b;
}
.catalog-page .category-chip.is-discount {
  font-weight: 700;
}
.catalog-page .catalog-seo {
  margin-top: 28px;
  padding: 22px 0 0;
  background: transparent;
  border-radius: 0;
}
.catalog-page .catalog-seo .eyebrow {
  display: block;
  color: #999;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.catalog-page .catalog-seo h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.catalog-page .catalog-seo-copy {
  color: #bbb;
  line-height: 1.6;
}
.catalog-page .catalog-disclaimer {
  margin-top: 16px;
  color: #888;
  font-size: 12px;
}
.lolga-black .catalog-page .catalog-head,
.lolga-black .catalog-page .catalog-control-shell,
.lolga-black .catalog-page .catalog-filter .filter-bar.catalog-toolbar {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/*.lolga-black .catalog-page .catalog-chips .category_list > li.category-chip,*/
/*.lolga-black .catalog-page .category-chip {*/
/*  width: auto !important;*/
/*  height: 42px !important;*/
/*  padding: 0 18px !important;*/
/*  border: 1px solid #2e2e2e !important;*/
/*  border-radius: 4px !important;*/
/*  background: #171717 !important;*/
/*  color: #e5e5e5 !important;*/
/*  font-size: 12px !important;*/
/*  font-weight: 800 !important;*/
/*  box-shadow: none !important;*/
/*  transform: none !important;*/
/*}*/
.lolga-black .catalog-page .catalog-chips .category_list > li.category-chip:hover,
.lolga-black .catalog-page .category-chip:hover {
  color: #fff !important;
  border-color: #4a4a4a !important;
  background: #1d1d1d !important;
}
.lolga-black .catalog-page .catalog-chips .category_list > li.category-chip.active,
.lolga-black .catalog-page .category-chip.active,.lolga-black .is-selected {
  background: #45d42f !important;
  border-color: #45d42f !important;
  color: #0b1207 !important;
  box-shadow: 0 10px 24px rgba(69, 212, 47, .24) !important;
}
.lolga-black .catalog-page .catalog-filter .filter-bar.catalog-toolbar {
  display: grid !important;
  grid-template-columns: minmax(360px, 1fr) 160px 190px 160px !important;
  flex-wrap: unset !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 13px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.lolga-black .catalog-page .catalog-filter .catalog-search {
  flex: 1 1 280px;
  min-width: 0;
  height: 48px !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 0 16px !important;
  background: #171717 !important;
  border: 1px solid #313131 !important;
  border-radius: 14px !important;
  color: #888;
}
.lolga-black .catalog-page .catalog-filter .catalog-search:focus-within,
.lolga-black .catalog-page .catalog-filter .select-shell:focus-within,
.lolga-black .catalog-page .catalog-filter .select-shell.filter-open {
  border-color: #686868 !important;
  box-shadow: 0 0 0 2px rgba(175, 175, 175, .12) !important;
}
.catalog-page .catalog-filter .catalog-search svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.catalog-page .catalog-filter .catalog-search .goods_search,
.catalog-page .catalog-filter .catalog-search input {
  width: 100%;
  min-width: 0;
  height: auto !important;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  color: #f2f2f2 !important;
  font-size: 16px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.lolga-black .catalog-page .catalog-filter .select-shell {
  position: relative;
  flex: unset;
  min-width: 0;
  width: auto;
  height: 48px !important;
  display: flex !important;
  align-items: center;
  background: #171717 !important;
  border: 1px solid #313131 !important;
  border-radius: 14px !important;
  color: #bbb;
  overflow: visible !important;
}
.catalog-page .catalog-filter .select-shell:focus-within {
  border-color: #686868 !important;
}
.catalog-page .catalog-filter .select-shell::before {
  content: attr(data-label);
  position: absolute;
  left: 14px;
  top: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #707070;
  pointer-events: none;
}
.catalog-page .catalog-filter .select-shell select {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: transparent;
  color: #ededed !important;
  padding: 18px 36px 0 14px !important;
  font-size: 13px !important;
  font-weight: 700;
  cursor: pointer;
}
.catalog-page .catalog-filter .select-shell select option {
  background: #202020;
  color: #fff;
}
.catalog-page .catalog-filter .select-shell > svg {
  position: absolute;
  right: 13px;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #aaa;
  stroke-width: 2;
  pointer-events: none;
}
.catalog-page .catalog-filter .sort-shell {
  margin-left: auto;
  min-width: 190px;
}
.catalog-page .catalog-filter .sort-shell .sort-label,
.catalog-page .catalog-filter .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.catalog-page .catalog-filter .catalog-filter-source[hidden] {
  display: none !important;
}
.catalog-page .catalog-filter .catalog-sku-search {
  flex: 1 1 100%;
  width: 100%;
}
.catalog-page .catalog-filter .catalog-sku-search p {
  color: #bbb;
  margin: 8px 0 6px;
}
.catalog-page .catalog-filter .catalog-sku-search .filter_pro {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.catalog-page .catalog-filter .catalog-sku-search .filter_pro > li {
  background: #181818;
  border: 1px solid #3a3a3a;
  color: #bbb;
  border-radius: 8px;
  padding: 6px 12px;
}
.catalog-page .catalog-filter .catalog-sku-search .filter_pro > li.bg-green-600,
.catalog-page .catalog-filter .catalog-sku-search .filter_pro > li.bg-green-700 {
  background: #45d42f !important;
  color: #0d140b !important;
  border-color: #45d42f !important;
}
.catalog-page .catalog-mobile-bar .goods_search {
  height: 44px;
  background: #181818;
  border: 1px solid #3a3a3a;
  color: #ddd;
  border-radius: 9px;
}
.catalog-page .pagination-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 28px 0 8px;
}
.lolga-black .catalog-page .pagination-bar .page-btn {
  min-width: 42px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #c7c7c7 !important;
  font-size: 14px;
  font-weight: 750;
}
.catalog-page .pagination-bar .page-btn:hover:not(:disabled):not(.active) {
  background: #242424;
  color: #fff;
}
.lolga-black .catalog-page .pagination-bar .page-btn.active {
  background: #45d42f !important;
  color: #071006 !important;
  box-shadow: 0 0 0 1px rgba(69, 212, 47, .18), 0 0 18px rgba(69, 212, 47, .15) !important;
  pointer-events: none;
}
.catalog-page .pagination-bar .page-btn:disabled {
  background: #242424;
  color: #666;
  opacity: 0.7;
  pointer-events: none;
}
.catalog-page .pagination-bar .page-ellipsis {
  color: #777;
  padding: 0 4px;
  pointer-events: none;
}
.catalog-page .pagination-bar .page-jump {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  color: #999;
  font-size: 13px;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .good-card__price,
.lolga-black .catalog-page .games_product .good-card.catalog-card .one_sku {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 10px 0 12px !important;
  color: #fff !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .price-now .sell_price {
  font-size: 17px !important;
  font-weight: 800 !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .sell_price.sale-price,
.lolga-black .catalog-page .games_product .good-card.catalog-card .price-now:has(.sale-price) .good-card__currency {
  color: #45d42f !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .sell_price.current-price,
.lolga-black .catalog-page .games_product .good-card.catalog-card .price-now:has(.current-price) .good-card__currency {
  color: #ffa105 !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .sell_del_price,
.lolga-black .catalog-page .games_product .good-card.catalog-card .sell_del_price_box,
.lolga-black .catalog-page .games_product .good-card.catalog-card .sell_del_price_box span {
  color: #777 !important;
  font-size: 11px;
  text-decoration-thickness: 1px;
}
.lolga-black .catalog-page .good-card.catalog-card .product-variant {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
  margin: 8px 0 0;
  background: transparent;
  border: 0;
}
.lolga-black .catalog-page .good-card.catalog-card .product-variant:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 19px;
  width: 7px;
  height: 7px;
  border-right: 1.8px solid #9a9a9a;
  border-bottom: 1.8px solid #9a9a9a;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}
.lolga-black .catalog-page .good-card.catalog-card .product-variant.is-customized:after {
  display: none;
}
.lolga-black .catalog-page .good-card.catalog-card .product-variant-select {
  width: 100%;
  height: 38px;
  padding: 0 34px 0 12px;
  border: 1px solid #333;
  border-radius: 8px;
  outline: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: #181818;
  color: #ddd;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.lolga-black .catalog-page .good-card.catalog-card .product-variant.is-customized .product-variant-select {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-trigger {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #353535;
  border-radius: 11px;
  background:#323232;
  color: #f2f2f2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  gap: 9px;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
}
.lolga-black .catalog-page .good-card.catalog-card .variant-trigger-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*.lolga-black .catalog-page .good-card.catalog-card .variant-trigger-price {*/
/*  color: #a8a8a8;*/
/*  font-size: 11px;*/
/*  font-weight: 800;*/
/*  white-space: nowrap;*/
/*}*/
.lolga-black .catalog-page .good-card.catalog-card .variant-trigger-arrow {
  justify-self: end;
  width: 8px;
  height: 8px;
  border-right: 2px solid #9d9d9d;
  border-bottom: 2px solid #9d9d9d;
  transform: translateY(-2px) rotate(45deg);
}
.lolga-black .catalog-page .good-card.catalog-card .product-variant.open .variant-trigger {
  border-color: #45d42f;
  box-shadow: 0 0 0 3px rgba(69, 212, 47, .10);
}
.lolga-black .catalog-page .good-card.catalog-card .product-variant.open .variant-trigger-arrow {
  border-color: #45d42f;
  transform: translateY(2px) rotate(-135deg);
}
.lolga-black .catalog-page .good-card.catalog-card .product-variant.open .variant-trigger-price {
  color: #9de992;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-menu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 30;
  max-height: 280px;
  overflow-y: auto;
  padding: 7px;
  border: 1px solid #383838;
  border-radius: 12px;
  background: #383636;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .58);
}
.lolga-black .catalog-page .good-card.catalog-card .product-variant.open .variant-menu {
  display: block;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-option {
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 20px;
  align-items: center;
  gap: 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #ededed;
  text-align: left;
  cursor: pointer;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-option:hover {
  background: #1d1d1d;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-option.active {
  background:linear-gradient(90deg, rgb(29 191 5 / 18%), rgba(69, 212, 47, .07));
  color: #69e755;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 800;
}
/*.lolga-black .catalog-page .good-card.catalog-card .variant-price {*/
/*  color: #bdbdbd;*/
/*  font-size: 11px;*/
/*  font-weight: 800;*/
/*  white-space: nowrap;*/
/*}*/
.lolga-black .catalog-page .good-card.catalog-card .variant-option.active .variant-price {
  color: #b7f4ad;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-check {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: transparent;
  background: transparent;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-option.active .variant-check {
  color: #071106;
  background: #45d42f;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-divider {
  height: 1px;
  margin: 5px 4px;
  background: #303030;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-notify-option {
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #888;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-notify-option:hover {
  background: transparent;
}
.lolga-black .catalog-page .good-card.catalog-card .variant-notify-option .variant-name {
  color: #888;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .variant-notify-option .notify_sku {
  height: 26px;
  padding: 0 9px;
  border-radius: 6px;
  background: #f6b204 !important;
  color: #16110a !important;
  font-size: 10px;
  font-weight: 850;
  line-height: 26px;
  white-space: nowrap;
  flex-shrink: 0;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .variant-notify-option .notify_sku:hover {
  filter: brightness(1.05);
}
.lolga-black .catalog-page .good-card.catalog-card.variant-open {
  overflow: visible !important;
  z-index: 40;
}
.lolga-black .catalog-page .good-card .sku-sold-out {
  max-height: 132px;
  margin-top: 8px;
  overflow-y: auto;
  background: #181818;
  border-radius: 8px;
}
.lolga-black .catalog-page .good-card .sku-sold-out-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 32px;
  margin: 0;
  padding: 0 8px;
  border-top: 1px solid #303030;
  color: #888;
  font-size: 11px;
}
.lolga-black .catalog-page .good-card .sku-sold-out-row .notify_sku {
  height: 22px;
  padding: 0 8px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 800;
}
.lolga-black .catalog-page .adopt_sku > li {
  background: #181818 !important;
  border: 1px solid #313131 !important;
  border-radius: 8px !important;
  color: #ddd !important;
}
.lolga-black .catalog-page .adopt_sku > li.is-selected,
.lolga-black .catalog-page .adopt_sku > li.\!bg-blue-400 {
  background: rgba(69, 212, 47, .08) !important;
  border: 2px solid #45d42f !important;
  color: #fff !important;
}
.catalog-page .good-card .notify_sku,
.catalog-page .good-card .notify {
  border: 0;
  border-radius: 8px;
  background: #3a3a3a;
  color: #fff;
  padding: 6px 10px;
  cursor: pointer;
}
.lolga-black .catalog-page .good-card .discount-badge,
.lolga-black .catalog-page .good-card .sku_discount {
  background: #f6b204 !important;
  color: #111 !important;
}
.catalog-page .pagination-bar .page-jump select {
  margin-left: 8px;
  height: 40px;
  min-width: 72px;
  padding: 0 28px 0 12px;
  border: 1px solid #3a3a3a;
  border-radius: 10px;
  background: #181818;
  color: #ededed;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
@media (max-width: 820px) {
  .catalog-page .catalog-h1 {
    font-size: 20px;
  }

  .catalog-page .catalog-chips .category-chip,
  .catalog-page .category-chip {
    height: 36px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
  }

  .catalog-page .catalog-filter.catalog-has-drawer .filter-bar > .select-shell {
    display: none !important;
  }

  .catalog-page .catalog-filter .catalog-search {
    flex: 1 1 100%;
  }

  .catalog-page .catalog-filter .sort-shell {
    margin-left: 0;
  }
}
.lolga-black .select_box > p,
.lolga-black .area_box > p {
  color: #fff !important;
}
.lolga-black .area.gold-area-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.lolga-black .area.gold-area-tabs > li {
  background: #202020 !important;
  color: #bbb !important;
  border: 1px solid #333 !important;
  border-radius: 4px !important;
  margin: 0 !important;
  min-height: 42px;
}
.lolga-black .area.gold-area-tabs > li.active {
  background: #45d42f !important;
  color: #071006 !important;
  border-color: #45d42f !important;
}
.lolga-black .select_area {
  background: transparent !important;
}
.lolga-black .catalog-page .server_list {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.lolga-black .catalog-page[data-product-family="item"] .server_list > li {
  border: 0;
}
.lolga-black .catalog-page[data-product-family="item"] .server_list > li > svg {
  display: none;
}
.lolga-black .server_list > li {
  background: #202020 !important;
  color: #ddd !important;
  border: 1px solid #333;
  border-radius: 4px;
  margin: 4px;
  min-height: 40px;
}
.lolga-black .server_list > li.active {
  background: #45d42f !important;
  color: #071006 !important;
  border-color: #45d42f !important;
}
.lolga-black .gold-board {
  background: #1b1b1b;
  color: #ededed;
  border-radius: 12px;
}
.lolga-black .gold-board [data-gold-body] > .flex > div,
.lolga-black .gold-board[data-gold-custom] {
  background: #1b1b1b !important;
  color: #ededed !important;
}
.lolga-black .gold-board [data-gold-chips] {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
}
.lolga-black .gold-board [data-gold-chips] > li {
  background: #151515 !important;
  color: #bbb !important;
  border: 1px solid #333 !important;
  border-radius: 8px !important;
}
.lolga-black .gold-board [data-gold-chips] > li.bg-gradient-to-l {
  background: #181818 !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 2px #45d42f !important;
  border-color: #45d42f !important;
}
.lolga-black .gold-board [data-gold-qty],
.lolga-black .gold-board [data-gold-less],
.lolga-black .gold-board [data-gold-plus] {
  background: #151515 !important;
  color: #fff !important;
  border-color: #333 !important;
}
.lolga-black .gold-board [data-gold-price] {
  color: #45d42f !important;
}
.lolga-black .gold-board [data-gold-cart="buy"] {
  background: #45d42f !important;
  color: #071006 !important;
}
.lolga-black .gold-board [data-gold-cart="add"] {
  background: #181818 !important;
  color: #fff !important;
  border-color: #333 !important;
}
.lolga-black .gold-board table,
.lolga-black .gold-board thead tr,
.lolga-black .gold-board tbody tr {
  background: #181818 !important;
  color: #ddd !important;
}
.lolga-black .player-shell {
  background: #1b1b1b;
  border: 1px solid #333 !important;
  border-radius: 12px;
  box-shadow: none !important;
  overflow: hidden;
}
.lolga-black .player-shell > ul {
  background: #181818 !important;
  color: #aaa !important;
}
.lolga-black .player-board {
  background: #202020 !important;
  color: #ededed !important;
  border-radius: 0;
  margin: 0;
  border-top: 1px solid #2c2c2c;
}
.lolga-black .player-board .text-rose-600,
.lolga-black .player-board .player-price {
  color: #fff !important;
}
.lolga-black .player-board .player-price.is-sale {
  color: #45d42f !important;
}
.lolga-black .player-board [data-detail="buy"] {
  background: #45d42f !important;
  color: #071006 !important;
}
.lolga-black .player-board [data-add-cart]:not([data-detail="buy"]) {
  background: #181818 !important;
  color: #ddd !important;
  border: 1px solid #313131 !important;
}
.lolga-black .catalog-page .catalog-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card {
  background: #202020 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: #ddd !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card:hover {
  background: #232323 !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .good-card__media:not(:has(.rounded-t-md)),
.lolga-black .catalog-page .games_product .good-card.catalog-card .img_bg:not(:has(.rounded-t-md)) {
  position: relative;
  aspect-ratio: 1.15 / 1;
  /*padding: 16px !important;*/
  /*background: #181818 !important;*/
  border-radius: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .img_bg:not(:has(.rounded-t-md)) .product_img {
  position: absolute;
  inset: 16px;
  width: auto;
  height: auto;
  padding-top: 0 !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .max-h-img,
.lolga-black .catalog-page .games_product .good-card.catalog-card .min-h-img,
.lolga-black .catalog-page .games_product .good-card.catalog-card .change_img:not(.rounded-t-md) {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center;
     object-position: center;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .discount-badge,
.lolga-black .catalog-page .games_product .good-card.catalog-card .sku_discount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 5px;
  background: rgba(246, 178, 4, .14) !important;
  color: #f6b204 !important;
  font-size: 9px;
  font-weight: 850;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-legacy {
  display: none !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-cart-shell {
  display: block !important;
  width: 100%;
  margin-top: 4px;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  border: 0 !important;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #45d42f, #15a100) !important;
  color: #0c1409 !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  box-shadow: none !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-add-btn:before { content: 'Add to Cart'}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-add-btn:hover {
  filter: brightness(1.04);
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-add-btn svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-main {
  display: grid;
  grid-template-columns: 56px 1fr 56px;
  align-items: center;
  width: 100%;
  min-height: 44px;
  border-radius: 10px;
  background: #171717;
  overflow: hidden;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card.in-cart .card-add-btn,
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-add-btn[hidden],
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-main[hidden] {
  display: none !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card.in-cart .card-qty-main {
  display: grid;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-side {
  height: 44px !important;
  border: 0 !important;
  background: transparent !important;
  color: #f2f5f7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-side svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-main .card-qty-side + .card-qty-count,
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-count + .card-qty-side {
  border-left: 1px solid #2a2a2a;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-count {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-plus {
  background: #45d42f !important;
  color: #0c1409 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-plus:hover {
  filter: brightness(1.04);
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-remove {
  color: #aab3bc !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-minus {
  color: #d7dde3 !important;
}
@media (max-width: 820px) {
  .lolga-black .catalog-page .games_product .good-card.catalog-card .card-add-btn,
  .lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-main {
    min-height: 46px;
  }

  .lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-side,
  .lolga-black .catalog-page .games_product .good-card.catalog-card .card-qty-count {
    height: 46px;
  }
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .notify,
.lolga-black .catalog-page .games_product .good-card.catalog-card .notify_sku {
  background: #717171 !important;
  color: #16110a !important;
  border: 0 !important;
}
.lolga-black .catalog-page .games_product .good-card.catalog-card .pre_order {
  background: #f6b204 !important;
  color: #16110a !important;
  border-radius: 5px !important;
}
.lolga-black .catalog-page .catalog-seo {
  margin-top: 28px;
  padding: 48px 0;
  background: #181818;
  border-top: 1px solid #242424;
}
.lolga-black .catalog-page .catalog-filter .filter-menu[hidden] {
  display: none !important;
}
.lolga-black .catalog-page .catalog-filter .filter-option-check svg {
  display: block;
}
.lolga-black .gold-board {
  background: #202020 !important;
  border-radius: 0 !important;
}
.lolga-black .gold-board [data-gold-price] {
  color: #f6b204 !important;
}
.lolga-black .area.gold-area-tabs > li {
  min-width: 112px;
  height: 38px;
  background: #202020 !important;
  color: #bbb !important;
  border: 0 !important;
}
.lolga-black .player-board.bg-white,
.lolga-black .player-board.bg-gray-100,
.lolga-black .player-shell > ul.bg-gray-200 {
  background: #202020 !important;
  color: #ededed !important;
}
.lolga-black .player-board:nth-child(even) {
  background: #1c1c1c !important;
}
@media (max-width: 1280px) {
  .lolga-black .catalog-page .catalog-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .lolga-black .catalog-page .catalog-filter .filter-bar.catalog-toolbar {
    grid-template-columns: minmax(240px, 1fr) 160px 160px !important;
  }
}
@media (max-width: 1024px) {
  .lolga-black .catalog-page .catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}
@media (max-width: 767px) {
  .lolga-black .catalog-page .product-wrap {
    width: calc(100% - 24px) !important;
  }

  .lolga-black .catalog-page .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .lolga-black .catalog-page .catalog-chips .category_list {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  .lolga-black .catalog-page .catalog-filter .filter-bar.catalog-toolbar {
    grid-template-columns: 1fr !important;
  }
}
/* Same content width as the ITEM product list. Kept outside .catalog-page
   so .catalog-page .server_list does not change the platform buttons. */
.lolga-black .server-page-column {
  width: min(1440px, calc(100% - 28px));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .lolga-black .server-page-column {
    width: 100%;
    max-width: none;
    padding-inline: 12px;
  }
}
.lolga-black .server-page-hero {
  background: #101010 !important;
  color: #fff;
}
.lolga-black .server-page-hero h1 {
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 750 !important;
  line-height: 1.2;
}
.lolga-black .gold-board .bg-white,
.lolga-black .gold-board .bg-neutral-700,
.lolga-black .gold-board .bg-neutral-900,
.lolga-black .gold-board .bg-neutral-200,
.lolga-black .gold-board .bg-gray-50,
.lolga-black .gold-board .bg-gray-100,
.lolga-black .gold-board table,
.lolga-black .gold-board tr {
  background-color: #202020 !important;
  color: #ededed !important;
}
.lolga-black .gold-board .bg-neutral-600,
.lolga-black .gold-board [data-gold-qty],
.lolga-black .gold-board [data-gold-less],
.lolga-black .gold-board [data-gold-plus] {
  background: #181818 !important;
  color: #fff !important;
  border-color: #313131 !important;
}
.lolga-black .gold-board .text-rose-600,
.lolga-black .gold-board [data-gold-price] {
  color: #f6b204 !important;
}
.lolga-black .gold-board [data-gold-del],
.lolga-black .gold-board [data-gold-del-wrap] {
  color: #777 !important;
}
.lolga-black .gold-board thead tr,
.lolga-black .gold-board thead th {
  background: #181818 !important;
  color: #888 !important;
}
.lolga-black .gold-board tbody tr:nth-child(even) {
  background: #1c1c1c !important;
}
.lolga-black .player-shell > ul,
.lolga-black .player-board,
.lolga-black .player-board.bg-white,
.lolga-black .player-board.bg-gray-100 {
  background: #202020 !important;
  color: #ededed !important;
  border-color: rgba(255, 255, 255, .045) !important;
}
.lolga-black .player-shell .player-board:nth-child(even) {
  background: #1c1c1c !important;
}
.lolga-black .player-board .text-gray-600,
.lolga-black .player-board .text-gray-400 {
  color: #999 !important;
}
.lolga-black .player-board .info-rate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 28px;
  padding: 0 8px;
  border-radius: 6px;
  background: #45d42f !important;
  color: #071006 !important;
  font-weight: 800;
}
.lolga-black .player-board .info-score {
  background: #181818 !important;
  color: #ddd !important;
  border-radius: 6px;
  padding: 2px 6px;
}
.lolga-black .catalog-page .good-card .h-5 > span.Ancient { color: #f6b204 !important; }
.lolga-black .catalog-page .good-card .h-5 > span.Godly { color: #ff7f8e !important; }
.lolga-black .catalog-page .good-card .h-5 > span.Unique { color: #78cfff !important; }
.lolga-black .catalog-page .good-card .h-5 > span.Chroma {
  color: #fff !important;
  padding: 0 6px;
  border: 1px solid transparent;
  -o-border-image: linear-gradient(90deg, #ff6b6b, #f6b204, #45d42f, #55c7ff, #b28cff) 1;
     border-image: linear-gradient(90deg, #ff6b6b, #f6b204, #45d42f, #55c7ff, #b28cff) 1;
}
.lolga-black .catalog-page .benefit-list {
  display: grid;
  gap: 6px;
  margin: 8px 10px 0;
  padding: 8px 10px;
  list-style: none;
  background: #181818;
  color: #ddd;
  font-size: 12px;
}
.lolga-black .catalog-page .benefit-safety { color: #45d42f; }
.lolga-black .catalog-page .benefit-delivery { color: #f6b204; }
.lolga-black .catalog-page .benefit-price { color: #78cfff; }
.lolga-black .catalog-page .bundle-badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  margin-left: 6px;
  padding: 0 7px;
  border-radius: 5px;
  background: rgba(246, 178, 4, .14);
  color: #f6b204;
  font-size: 9px;
  font-weight: 850;
}
.lolga-black .catalog-page .good-card.is-sold-out .change_img,
.lolga-black .catalog-page .good-card.is-sold-out .product_img {
  opacity: .6;
  filter: saturate(.55);
}
.lolga-black .catalog-page .good-card.is-sold-out .sell_price {
  color: #777 !important;
}
.lolga-black .catalog-page .countdown {
  background: #181818 !important;
  color: #fff !important;
}
.lolga-black .catalog-page .intro_text {
  background: #202020 !important;
  color: #bbb !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .36) !important;
}
.lolga-black .catalog-page .filter-drawer {
  background: #202020 !important;
  color: #fff;
}
.lolga-black .catalog-page .filter-overlay {
  background: rgba(0, 0, 0, .64) !important;
}
.lolga-black .catalog-page .filter-drawer .filter-clear {
  background: #181818 !important;
  color: #bbb !important;
}
.lolga-black .catalog-page .filter-drawer .filter-apply {
  background: #45d42f !important;
  color: #071006 !important;
  font-weight: 800;
}
.lolga-black [data-credit-page] {
  background: #101010;
  color: #bbb;
}
.lolga-black [data-credit-page] .bg-white,
.lolga-black [data-credit-page] .bg-gray-200,
.lolga-black [data-credit-page] .bg-pink-50 {
  background: #202020 !important;
  color: #ededed !important;
}
.lolga-black [data-credit-page] .text-pink-600,
.lolga-black [data-credit-page] [data-domain-cart-sub="credit"] {
  color: #f6b204 !important;
}
.lolga-black [data-credit-page] [data-credit-submit],
.lolga-black [data-credit-page] .bg-green-700 {
  background: #45d42f !important;
  color: #071006 !important;
}
/**
 * Product List — Legacy Compatibility
 *
 * PURPOSE:
 *   Preserve the pre-V3 Product List visual/game-specific rules while V3
 *   components migrate to owned source modules.
 *
 * OWNS:
 *   Legacy-only selectors that have not yet been proven safe to delete.
 *
 * MUST NOT:
 *   - receive new V3 visual work
 *   - become the owner of SAB V3 components
 *   - be edited merely to increase selector specificity
 *
 * RELATED DOC:
 *   docs/product-list/modules.md
 *
 * NOTE:
 *   This file is intentionally loaded BEFORE the SAB reference case modules,
 *   so the V3 case has one clear final visual owner without deleting legacy
 *   behavior used by other games.
 */
.classify_child,.classify_trad{opacity:0;transform:scaleY(0);transform-origin:top;transition:transform .18s ease-out,opacity .18s ease-out}
.classify_child.open,.classify_trad.open{opacity:1;transform:scaleY(1)}
.games_product{scroll-margin-top:50px}
.good:before,.li_bgs:before{border-radius:.375rem;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:10}
.bg_rocket:before{border-radius:.75rem}
.rl-Chroma:before,.rl-Cosmic:before,.rl-Premium:before,.rl-Ultimate:before{background:linear-gradient(180deg,transparent 0,rgba(67,231,149,.4))}
.rl-Chroma .Chroma,.rl-Cosmic .Cosmic,.rl-Premium .Premium,.rl-black-Premium .Premium{color:#6bf1ae}
.rl-Import:before,.rl-Mythic:before,.rl-Unique:before{background:linear-gradient(180deg,transparent 0,rgba(227,90,82,.4))}
.rl-Import .Import,.rl-Unique .Unique,.rl-black-Import .Import{color:#e35a52}
.rl-Limited:before,.rl-Vintage:before{background:linear-gradient(180deg,transparent 0,rgba(247,121,57,.4))}
.rl-Limited .Limited,.rl-Vintage .Vintage,.rl-black-Limited .Limited{color:#f77939}
.rl-Ancient:before,.rl-Superrare:before,.rl-VeryRare:before,.rl-Veryrare:before{background:linear-gradient(180deg,transparent 0,rgba(158,124,252,.4))}
.rl-VeryRare .VeryRare,.rl-Veryrare .Veryrare,.rl-black-Superrare .Superrare,.rl-black-VeryRare .VeryRare,.rl-black-Veryrare .Veryrare,rl-Ancient .Ancient{color:#9e7cfc}
.rl-Exotic:before,.rl-Legendary:before,.rl-Secret:before{background:linear-gradient(180deg,transparent 0,rgba(255,225,27,.4))}
.rl-Exotic .Exotic,.rl-Secret .Secret,.rl-black-Exotic .Exotic{color:#ecdb6c}
.rl-Uncommon:before{background:linear-gradient(180deg,transparent 0,rgba(0,182,255,.4))}
.rl-Uncommon .Uncommon,.rl-black-Uncommon .Uncommon{color:#7dd9fd}
.rl-Rare:before{background:linear-gradient(180deg,transparent 0,rgba(116,151,235,.4))}
.rl-Super:before{background:linear-gradient(180deg,transparent 0,rgba(230,255,0,.1),rgba(95,255,0,.2),rgba(23,255,228,.3))}
.rl-Super .Super{color:#00ffe8}
.rl-Rare .Rare,.rl-black-Rare .Rare{color:#7497eb}
.rl-Common:before{background:linear-gradient(180deg,transparent 0,rgba(47,47,47,.2))}
.rl-BlackMarket:before,.rl-Exclusive:before,.rl-Godly:before,.rl-black-BlackMarket:before{background:linear-gradient(180deg,transparent 0,rgba(255,0,255,.4))}
.rl-Epic:before{background:linear-gradient(180deg,transparent 0,rgba(183,18,183,.4))}
.rl-BlackMarket .BlackMarket,.rl-Godly .Godly,.rl-black-BlackMarket .BlackMarket{color:#f0f}
.rl-Celestial:before{background:linear-gradient(180deg,transparent 0,rgba(255,166,0,.4),rgba(255,72,0,.4),rgba(255,0,0,.4))}
.rl-Celestial{color:#ff4500}
.rl-Astral:before{background:linear-gradient(180deg,transparent 0,rgba(8,0,255,.4),rgba(255,9,0,.4),rgba(191,255,0,.4))}
.rl-Astral{color:#9cff00}
.rl-Divine:before{background:linear-gradient(180deg,transparent 0,rgba(80,22,255,.4),rgba(17,90,255,.4))}
.rl-Divine{color:#3e00ff}
.attr_N{background:#40bb18}
.attr_F{background:#108ed5}
.attr_R{background:#d51057}
.attr_M{background:#7e10d4}
.attr_289 .rl-Prismatic:before{background:linear-gradient(180deg,transparent 0,rgba(230,255,0,.1),rgba(95,255,0,.2),rgba(23,255,228,.3))}
.attr_289 .Prismatic{color:#00ffe8}
.attr_289 .rl-Divine:before{background:linear-gradient(180deg,transparent 0,rgba(255,153,0,.1),rgba(255,99,2,.3))}
.attr_289 .Divine{color:#ff8000}
.attr_289 .rl-Mythical:before{background:linear-gradient(180deg,transparent 0,rgba(158,69,255,.1),rgba(207,3,253,.3))}
.attr_289 .Mythical{color:#bf00ff}
.attr_289 .rl-Legendary:before{background:linear-gradient(180deg,transparent 0,rgba(170,255,0,.1),rgba(230,255,0,.3))}
.attr_289 .Legendary{color:#ddff01}
.attr_289 .rl-Rare:before{background:linear-gradient(180deg,transparent 0,rgba(0,81,255,.1),rgba(0,140,255,.3))}
.attr_289 .Rare{color:#019eff}
.attr_289 .rl-Uncommon:before{background:linear-gradient(180deg,transparent 0,rgba(47,255,0,.1),rgba(28,253,3,.3))}
.attr_289 .Uncommon{color:#01ff0e}
.attr_289 .rl-Bundle:before{background:linear-gradient(180deg,transparent 0,rgba(255,234,0,.1),rgba(255,233,0,.2))}
.attr_289 .Bundle{color:transparent}
.attr_289 .rl-Common:before{background:linear-gradient(180deg,transparent 0,hsla(0,0%,51%,.2),rgba(0,26,26,.2))}
.attr_289 .Common{color:#fff}
.Black{background:linear-gradient(135deg,#5e5e5e,#000 80%);border:1px solid #777;box-shadow:0 0 3px 2px hsla(0,0%,7%,.3)}
.Beige,.Brown,.Burnt_Sienna{background:linear-gradient(135deg,#995e4d,#320000 80%);border:1px solid #b27766;box-shadow:0 0 3px 2px rgba(76,17,0,.3)}
.Cobalt{background:linear-gradient(135deg,#8c9eff,#25379b 80%);border:1px solid #a5b7ff;box-shadow:0 0 3px 2px rgba(63,81,181,.3)}
.Crimson,.Red{background:linear-gradient(135deg,#ff4d4d,#b00 80%);border:1px solid #f66;box-shadow:0 0 3px 2px rgba(213,0,0,.3)}
.Forest_Green,.Green{background:linear-gradient(135deg,#99fc9d,#329536 80%);border:1px solid #b2ffb6;box-shadow:0 0 3px 2px rgba(76,175,80,.3)}
.Gray,.Grey{background:linear-gradient(135deg,#c4c4c4,#5d5d5d 80%);border:1px solid #ddd;box-shadow:0 0 3px 2px hsla(0,0%,47%,.3)}
.Lime{background:linear-gradient(135deg,#ccff4d,#65e500 80%);border:1px solid #e5ff66;box-shadow:0 0 3px 2px rgba(127,255,0,.3)}
.Orange,.Yellow{background:linear-gradient(135deg,#ffff4d,#da9a00 80%);border:1px solid #ff6;box-shadow:0 0 3px 2px rgba(244,180,0,.3)}
.Pink{background:linear-gradient(135deg,#ff8dce,#e52667 80%);border:1px solid #ffa6e7;box-shadow:0 0 3px 2px rgba(255,64,129,.3)}
.Purple{background:linear-gradient(135deg,#e974fd,#820d96 80%);border:1px solid #ff8dff;box-shadow:0 0 3px 2px rgba(156,39,176,.3)}
.Saffron{background:linear-gradient(135deg,#ff8,#e5d121 80%);border:1px solid #ffffa1;box-shadow:0 0 3px 2px rgba(255,235,59,.3)}
.Blue,.Light_blue,.Sky_Blue{background:linear-gradient(135deg,#50f6ff,#008fda 80%);border:1px solid #69ffff;box-shadow:0 0 3px 2px rgba(3,169,244,.3)}
.Titanium_White,.White{background:linear-gradient(135deg,#fff,#e5e5e5 80%)}
.Avocado,.Titanium_White,.White{border:1px solid #fff;box-shadow:0 0 3px 2px hsla(0,0%,100%,.3)}
.Avocado{background:linear-gradient(135deg,#95bd0b,#bcef09 80%)}
.Light_green{background:linear-gradient(135deg,#acd73d,#b7ff00 80%);border:1px solid #fff}
.Default_Color,.Light_green{box-shadow:0 0 3px 2px hsla(0,0%,100%,.3)}
.Default_Color{border:1px solid #9a9a9a;overflow:hidden;position:relative}
.Default_Color:before{border-left:2px solid #c4c2c2;content:"";height:42px;left:44%;position:absolute;top:-12px;transform:rotate(23deg)}
.Gold{background:linear-gradient(135deg,#eaf0a3,#9ba25f 80%);border:1px solid #e1e5ac;box-shadow:0 0 3px 2px hsla(0,0%,100%,.3)}
.attribute{font-size:12px;height:20px}
.Monster{color:#d25064}
.Human-Like{color:#d29682}
.Water-1{color:#97b5fd}
.Water-3{color:#5876be}
.Bug{color:#aac22a}
.Mineral{color:#896b55}
.Flying{color:#b29afa}
.Amorphous{color:#8a8a8a}
.Field{color:#e0c068}
.Water-2{color:#729afa}
.Fairy{color:#ffc8f0}
.Ditto{color:#a664bf}
.Grass{color:#82d25a}
.Dragon{color:#7a42ff}
.Gender-unknown{color:#0080c0}
.No-Eggs-Discovered{color:#fff}
.Crystal{color:#ea4a68}
.Nature{color:#adde77}
.Neutral{color:#00c8c8}
.Mental{color:#c369a3}
.Wind{color:#08fab3}
.Earth{color:#ba795c}
.Fire{color:#e85c4e}
.Toxic{color:#5c565c}
.Melee{color:#fa9260}
.Electric{color:#ddb702}
.Water{color:#45cbff}
.Toxic{color:#c9c7c9}
.Fire{color:#f08030}
.Ghost{color:#915aed}
.Normal{color:#a8a878}
.Fighting{color:#c03028}
.Water{color:#6890f0}
.Flying{color:#a890f0}
.Grass{color:#78c850}
.Poison{color:#a040a0}
.Electric{color:#f8d030}
.Ground{color:#e0c068}
.Psychic{color:#f85888}
.Rock{color:#b8a038}
.Ice{color:#98d8d8}
.Bug{color:#a8b820}
.Dragon{color:#7038f8}
.Ghost{color:#5a3696}
.Dark{color:#998d84}
.Steel{color:#b8b8d0}
.Fairy{color:#ee99ac}
.close_intro_text{font-size:36px}
#preview,.intro_text{background-color:#1f2937;border-radius:10px;color:#fff;display:none;height:auto;max-width:26rem;padding-top:15px;z-index:1000}
#preview .rl-title-runewords,.intro_text .rl-title-runewords{text-align:center}
#preview font,.intro_text font{text-align:center;width:100%}
#preview .header,.intro_text .header{border-bottom:1px solid #232a3a;color:#fff;display:block;font-size:16px;font-weight:700;margin-bottom:5px;padding:10px;text-align:center}
#preview .header span,.intro_text .header span{padding:unset}
#preview h3,.intro_text h3{color:#fafafa;font-size:20px;margin-bottom:5px;padding:10px 0;text-align:center}
#preview .intro_content,.intro_text .intro_content{padding:5px 15px}
#preview .lineleft,.intro_text .lineleft{line-height:30px;padding:8px}
#preview span,.intro_text span{color:#fff}
#preview .item-stats .group,.intro_text .item-stats .group{display:block;line-height:24px;padding:5px 20px;text-align:center}
#preview .item-stats .group .-value,.intro_text .item-stats .group .-value{font-weight:700}
#preview .item-stats .group:first-child,.intro_text .item-stats .group:first-child{padding:unset}
#preview .item-stats .group:nth-child(2),.intro_text .item-stats .group:nth-child(2){font-size:16px}
#preview .item-stats .group:nth-child(3),.intro_text .item-stats .group:nth-child(3){color:#fa8f37}
#preview .item-stats .group:nth-child(4),.intro_text .item-stats .group:nth-child(4){color:#93ff32;padding-bottom:20px}
#preview section,.intro_text section{margin-bottom:0;padding-bottom:10px;padding-top:unset!important}
#preview .z-bone,.intro_text .z-bone{border-radius:5px 5px 0 0;color:#fff;font-size:16px;font-weight:700;margin:0 0 10px;padding:10px 0}
#preview .z-center-img,.intro_text .z-center-img{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}
#preview .z-center-img img,.intro_text .z-center-img img{margin:5px;width:calc(20% - 10px)}
#preview .z-center,.intro_text .z-center{color:#fff;padding:0 20px;text-align:center}
#preview .z-center img,.intro_text .z-center img{margin:0 auto;max-height:110px}
#preview ._default,.intro_text ._default{color:#ccc}
#preview .-mod,.intro_text .-mod{color:#aea1ff}
#preview .-value,.intro_text .-value{color:#00b67a;padding:0 5px}
#preview .-flavour,.intro_text .-flavour{color:#e7b604}
#preview .eldentable,.intro_text .eldentable{padding:6px;width:100%}
#preview .eldentable tr tr:nth-child(2n),.intro_text .eldentable tr tr:nth-child(2n){background:#1a202c}
#preview .eldentable tr td,.intro_text .eldentable tr td{color:#fafafa;padding:2px 5px}
.cccc{border-top:1px solid #43506c;display:flex;flex-wrap:wrap;justify-content:center;justify-content:flex-start;padding:10px}
.cccc img{margin:5px;width:calc(25% - 10px)}
.info-rate{background:#b8a350;background:linear-gradient(45deg,#b8a350,#eed86f 50%,#eed86f 51%,#fff987);border-color:#cdb140;color:#000;display:block;line-height:26px;text-align:center}
.info-rate,.info-score{border-radius:4px;height:26px;width:26px}
.info-score{align-items:center;display:flex;justify-content:center}
.colour-9{background:#1a5b2e;color:#e0e1ff}
.colour-8{background:#399b3d;color:#e0e1ff}
.colour-6,.colour-7{background:#b29866;color:#593500}
.colour-1,.colour-2,.colour-3,.colour-4,.colour-5{background:#bd6567;color:#720000}
.game_119>ul>li .product_img{align-items:center;display:flex;justify-content:center;max-height:120px;min-height:120px}
.game_119>ul>li .product_img img{max-height:unset;max-width:120px;min-height:unset}
.attr_53>ul>li .product_img img{max-height:80px;min-height:80px}
.attr_204>ul>li .product_img img,.attr_256>ul>li .product_img img{max-height:130px;min-height:130px}
.attr_180>ul>li .product_img img{max-height:74px;min-height:74px}
.category_2579 .img_bg,.category_660 .img_bg{margin:0;padding:0}
.category_2579 .product_img,.category_660 .product_img{max-height:125px!important;min-height:125px!important}
.category_2579 .product_img img,.category_660 .product_img img{border-radius:.375rem .375rem 0 0;max-width:100%!important;min-height:125px!important}
.category_3384 .product_img,.category_3474 .product_img,.category_3549 .product_img,.category_3563 .product_img,.category_876 .product_img{max-height:100px!important;min-height:100px!important}
.category_3384 .product_img img,.category_3474 .product_img img,.category_3549 .product_img img,.category_3563 .product_img img,.category_876 .product_img img{max-height:100px;max-width:140px!important;min-height:100px}
.category_3384 .product_img img,.category_3443 .product_img img,.category_639 .product_img img{max-height:80px;min-height:80px}
.category_2866 .product_img .min-h-img{min-height:unset!important}
.category_2866 .product_img .max-h-img{max-height:unset!important}
.attr_78 .img_bg{padding:unset!important}
.attr_78 .product_img .min-h-img{min-height:unset!important}
.attr_78 .product_img .max-h-img{max-height:180px!important}
.attr_78 .product_img .change_img{border-radius:.375rem .375rem 0 0}
.rl-title-runewords\(runewords\){color:#b4904c}
.rl-title-jewel{color:#00c8c8}
.rl-title-max-varies-95-100{color:#ff0}
.Ultra-rare,.rl-title-unidentified{color:#de0808}
.rl-title-charms{color:#c409c4}
.rl-title-runewords\(bases\){color:#c0c97d}
.rl-title-magic-items{color:#a09cff}
.rl-title-rare-items{color:orange}
.rl-black-Premium:before{background:linear-gradient(0deg,transparent 0,rgba(30,234,130,.4) 80%)}
.rl-black-Import:before{background:linear-gradient(0deg,transparent 0,rgba(255,106,94,.4) 80%)}
.rl-black-Limited:before{background:linear-gradient(0deg,transparent 0,rgba(252,145,58,.4) 80%)}
.rl-Superrare:before,.rl-black-VeryRare:before,.rl-black-Veryrare:before{background:linear-gradient(0deg,transparent 0,rgba(138,108,252,.4) 80%)}
.rl-black-Exotic:before{background:linear-gradient(0deg,transparent 0,rgba(232,211,30,.4) 80%)}
.rl-black-Uncommon:before{background:linear-gradient(0deg,transparent 0,rgba(44,195,246,.4) 80%)}
.rl-black-Rare:before{background:linear-gradient(0deg,transparent 0,rgba(95,134,250,.4) 80%)}
.rl-black-Common:before{background:linear-gradient(0deg,transparent 0,rgba(47,47,47,.2) 90%)}
.rl-black-BlackMarket:before{background:linear-gradient(0deg,transparent 0,rgba(252,16,252,.4) 80%)}
.attr_193 .product_img .min-h-img,.attrs_2_289 .product_img .min-h-img{min-height:140px}
.attr_193 .product_img .max-h-img,.attrs_2_289 .product_img .max-h-img{max-height:140px}
.attr_213 .product_img .min-h-img,.attr_225 .product_img .min-h-img,.attr_229 .product_img .min-h-img,.attr_232 .product_img .min-h-img,.attr_265 .product_img .min-h-img{min-height:180px}
.attr_213 .product_img .max-h-img,.attr_225 .product_img .max-h-img,.attr_229 .product_img .max-h-img,.attr_232 .product_img .max-h-img,.attr_265 .product_img .max-h-img{max-height:180px}
.big_img_1314 .product_img .min-h-img,.big_img_1347 .product_img .min-h-img{max-width:400px;min-height:320px}
.big_img_1314 .product_img .max-h-img,.big_img_1347 .product_img .max-h-img{max-height:320px}
.big_img_95 .product_img .min-h-img{max-width:398px;min-height:190px}
.big_img_95 .product_img .max-h-img{max-height:190px}
.attr_104 .product_img,.attr_196 .product_img{max-height:110px;min-height:110px;padding:10px 20px 0}
.attr_104 .min-h-img,.attr_196 .min-h-img{min-height:auto!important}
.attrs_55_201 .rl-Mythical,.attrs_55_224 .rl-Mythical,.attrs_56_201 .rl-Mythical,.attrs_56_224 .rl-Mythical{background:linear-gradient(180deg,rgba(94,94,94,.5) 24.68%,rgba(189,28,28,.5)) #000}
.attrs_55_201 .rl-Mythical .Mythical,.attrs_55_224 .rl-Mythical .Mythical,.attrs_56_201 .rl-Mythical .Mythical,.attrs_56_224 .rl-Mythical .Mythical{color:#fa5550}
.attrs_55_201 .rl-Rare,.attrs_55_224 .rl-Rare,.attrs_56_201 .rl-Rare,.attrs_56_224 .rl-Rare{background:linear-gradient(180deg,rgba(66,65,66,.4) 57.68%,rgba(114,73,213,.2)) #000!important}
.attrs_55_201 .rl-Rare .Rare,.attrs_55_224 .rl-Rare .Rare,.attrs_56_201 .rl-Rare .Rare,.attrs_56_224 .rl-Rare .Rare{color:#a984ff}
.attrs_55_201 .rl-UltraRare,.attrs_55_224 .rl-UltraRare,.attrs_56_201 .rl-UltraRare,.attrs_56_224 .rl-UltraRare{background:linear-gradient(0deg,transparent 0,rgba(255,106,94,.4) 80%)}
.attrs_2_201 .li_bgs{position:relative}
.attrs_2_201 .li_bgs:before{filter:blur(25px);height:3rem;left:25%;position:absolute;top:75%;width:6rem}
.attrs_2_201 .rl-UltraRare{background:linear-gradient(0deg,transparent 0,rgba(255,106,94,.4) 80%)!important}
.attrs_2_201 .rl-Common{background:linear-gradient(180deg,hsla(0,0%,65%,.12) 57.68%,hsla(0,0%,74%,.5)) #000!important}
.attrs_2_201 .rl-Common:before{background:hsla(0,0%,100%,.5)}
.attrs_2_201 .rl-Uncommon{background:linear-gradient(180deg,rgba(36,64,116,.12) 57.68%,rgba(49,93,174,.5)) #000!important}
.attrs_2_201 .rl-Uncommon:before{background:rgba(0,92,255,.5)}
.attrs_2_201 .rl-Mythical,.attrs_2_201 .rl-UltraRare{background:linear-gradient(180deg,rgba(185,55,50,.12) 57.68%,rgba(185,55,50,.5)) #000!important}
.attrs_2_201 .rl-Mythical:before,.attrs_2_201 .rl-UltraRare:before{background:rgba(185,55,50,.5)}
.attrs_2_201 .rl-Mythical .Mythical,.attrs_2_201 .rl-UltraRare .Mythical{color:#fa5550}
.attrs_2_201 .rl-Legendary{background:linear-gradient(180deg,rgba(163,50,184,.12) 57.68%,rgba(163,50,184,.5)) #000!important}
.attrs_2_201 .rl-Legendary:before{background:rgba(161,33,185,.5)}
.attrs_2_201 .rl-Legendary .Legendary{color:#e55eff}
.attrs_2_201 .rl-Rare{background:linear-gradient(180deg,rgba(114,73,213,.12) 57.68%,rgba(114,73,213,.5)) #000!important}
.attrs_2_201 .rl-Rare:before{background:rgba(126,72,255,.5)}
.attrs_2_201 .rl-Rare .Rare{color:#a984ff}
.attrs_2_201 .rl-Premium{background:linear-gradient(180deg,rgba(221,188,63,.12) 57.68%,rgba(221,188,63,.5)) #000!important}
.attrs_2_201 .rl-Premium:before{background:rgba(221,188,63,.5)}
.attrs_2_201 .rl-Premium .Premium{color:#ffd84c}
.attrs_2_201 .max-h-img,.attrs_2_201 .min-h-img{min-height:130px!important}
.attrs_2_224 .img_bg{background:url(/images/lolga/ad_bg.jpg) no-repeat 50%!important;background-size:cover!important;border-radius:10px 10px 0 0;margin-bottom:0;padding-bottom:20px}
.attrs_2_224 .img_bg .product_img{padding-bottom:30px;padding-top:40px}
.attrs_2_224 .min-h-img{min-height:180px}
.attrs_2_224 .max-h-img{max-height:180px}
.attrs_2_224 .product_name{color:#222;font-size:18px;font-weight:400}
.attrs_2_224 .sell_price{color:red;font-size:16px}
.attrs_2_224 .one_sku{padding:10px 0}
.attrs_2_224 .one_sku>span{color:#000}
.attrs_2_224 .toggle_classify_child{color:#000;padding-left:4px}
.attrs_2_224 .toggle_classify_child svg{color:#000}
.attrs_2_224 .sell_del_price_box{color:#505050}
.site_293_2 .img_bg,.site_307_2 .img_bg{background:url(/images/lolga/sab-bg.png) no-repeat 50%!important;background-size:cover!important;border-radius:10px 10px 0 0;margin-bottom:0;padding-bottom:20px}
.site_293_2 .img_bg .product_img,.site_307_2 .img_bg .product_img{padding-top:50px}
.site_293_2 .product_name,.site_307_2 .product_name{color:#222;font-size:18px;font-weight:400}
.site_293_2 .sell_price,.site_307_2 .sell_price{color:red;font-size:16px}
.site_293_2 .one_sku,.site_307_2 .one_sku{padding:10px 0}
.site_293_2 .one_sku>span,.site_307_2 .one_sku>span{color:#000}
.site_293_2 .max-h-img,.site_293_2 .min-h-img,.site_307_2 .max-h-img,.site_307_2 .min-h-img{min-height:180px!important}
.site_293_2 .toggle_classify_child,.site_307_2 .toggle_classify_child{color:#000;padding-left:4px}
.site_293_2 .toggle_classify_child svg,.site_307_2 .toggle_classify_child svg{color:#000}
.site_293_2 .sell_del_price_box,.site_307_2 .sell_del_price_box{color:#505050}
.site_313_2 .img_bg{background:url(/images/lolga/eftb-bg.png) no-repeat 50%!important;background-size:cover!important;border-radius:10px 10px 0 0;margin-bottom:0;padding-bottom:20px}
.site_313_2 .img_bg .product_img{padding-top:50px}
.site_313_2 .product_name{color:#222;font-size:18px;font-weight:400}
.site_313_2 .sell_price{color:red;font-size:16px}
.site_313_2 .one_sku{padding:10px 0}
.site_313_2 .one_sku>span{color:#000}
.site_313_2 .max-h-img,.site_313_2 .min-h-img{min-height:180px!important}
.site_313_2 .toggle_classify_child{color:#000;padding-left:4px}
.site_313_2 .toggle_classify_child svg{color:#000}
.site_313_2 .sell_del_price_box{color:#505050}
.game_185 .classify_child .Common,.game_185 .one_sku .Common,.game_185 .toggle_classify_child .Common{background:#2d2d2d;border-radius:5px;color:#fff;padding:2px 6px}
.game_185 .classify_child .Uncommon,.game_185 .one_sku .Uncommon,.game_185 .toggle_classify_child .Uncommon{background:#0a0;border-radius:5px;color:#fff;padding:2px 6px}
.game_185 .classify_child .Rare,.game_185 .one_sku .Rare,.game_185 .toggle_classify_child .Rare{background:#0af;border-radius:5px;color:#fff;padding:2px 6px}
.game_185 .classify_child .Epic,.game_185 .one_sku .Epic,.game_185 .toggle_classify_child .Epic{background:#a0f;border-radius:5px;color:#fff;padding:2px 6px}
.game_185 .classify_child .Legendary,.game_185 .one_sku .Legendary,.game_185 .toggle_classify_child .Legendary{background:#fa5300;border-radius:5px;color:#fff;padding:2px 6px}
.attr_198 .img_bg,.server_roblox-muscle-legends .img_bg,.server_roblox-ninja-legends .img_bg,.server_your-bizarre-adventure .img_bg{padding-top:0!important}
.attr_198 .bg-black,.server_roblox-muscle-legends .bg-black,.server_roblox-ninja-legends .bg-black,.server_your-bizarre-adventure .bg-black{background:#fff}
.attr_198 .bg-black .product_name,.server_roblox-muscle-legends .bg-black .product_name,.server_roblox-ninja-legends .bg-black .product_name,.server_your-bizarre-adventure .bg-black .product_name{color:#000}
.attr_198 .change_img,.server_roblox-muscle-legends .change_img,.server_roblox-ninja-legends .change_img,.server_your-bizarre-adventure .change_img{border-radius:5px 5px 0 0}
.attr_198 .min-h-img,.server_roblox-muscle-legends .min-h-img,.server_roblox-ninja-legends .min-h-img,.server_your-bizarre-adventure .min-h-img{min-height:auto!important}
.attr_198 .max-h-img,.server_roblox-muscle-legends .max-h-img,.server_roblox-ninja-legends .max-h-img,.server_your-bizarre-adventure .max-h-img{max-height:-moz-fit-content!important;max-height:fit-content!important}
.attr_212 .min-h-img{min-height:140px!important}
.attr_212 .max-h-img{max-height:140px!important}
.site_189_2 .img_bg{background:url(/images/lolga/mm2-bg.png) no-repeat 50%!important;background-size:contain!important;border-radius:10px 10px 0 0;margin-bottom:0;padding-bottom:50px}
.site_189_2 .img_bg .product_img{padding-top:50px}
.site_189_2 .one_sku{font-size:18px}
.site_189_2 .sell_price{color:red}
.site_189_2 .sell_del_price_box{color:#4f4f4f}
.site_189_2 .li_bgs{background:#fff}
.site_189_2 .li_bgs:before{background:none;border-radius:.375rem;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:10}
.site_189_2 .product_name{color:#000;font-size:18px;font-weight:400}
.site_189_2 .h-5>span{color:#222!important}
.site_189_2 .change_img{filter:drop-shadow(2px 4px 6px black);z-index:20}
.site_189_2 .min-h-img{min-height:200px!important}
.site_189_2 .max-h-img{max-height:200px!important}
.attr_222 .min-h-img,.attr_246 .min-h-img,.attr_248 .min-h-img,.attr_249 .min-h-img,.attr_251 .min-h-img{min-height:160px!important}
.attr_222 .max-h-img,.attr_246 .max-h-img,.attr_248 .max-h-img,.attr_249 .max-h-img,.attr_251 .max-h-img{max-height:160px!important}
.server_pet-simulator-99 .bg-black{border-radius:10px;padding:0}
.server_pet-simulator-99 .min-h-img{min-height:auto!important}
.server_pet-simulator-99 .max-h-img{max-height:unset!important}
.server_survive-the-killer .product_name_box{display:none}
.server_survive-the-killer .bg-black{background:#222;border-radius:10px;padding:2px 0}
.server_survive-the-killer .img_bg{padding-top:0!important}
.server_survive-the-killer .change_img{border-radius:10px}
.server_survive-the-killer .min-h-img{min-height:270px!important}
.server_survive-the-killer .max-h-img{max-height:270px!important}
.server_pet-simulator-x .min-h-img{min-height:180px!important}
.server_pet-simulator-x .max-h-img{max-height:180px!important}
.server_jailbreak .img_bg{padding:30px 40px 10px!important}
.server_my-restaurant .change_img{filter:drop-shadow(2px 4px 8px #ffffb7)}
.server_roblox-blade-ball .img_bg,.server_roblox-ohio .img_bg,.server_roblox-war-tycoon .img_bg{padding-top:0!important}
.server_roblox-blade-ball .min-h-img,.server_roblox-ohio .min-h-img,.server_roblox-war-tycoon .min-h-img{min-height:150px!important}
.server_roblox-blade-ball .max-h-img,.server_roblox-ohio .max-h-img,.server_roblox-war-tycoon .max-h-img{max-height:150px!important}
.attr_215 .min-h-img{min-height:220px!important}
.attr_215 .max-h-img{max-height:220px!important}
.server_roblox-bedwars .Fighter{color:#00c8c8}
.server_roblox-bedwars .Ranged{color:orange}
.server_roblox-bedwars .Support{color:#ff1493}
.server_roblox-bedwars .Economy{color:#9370db}
.server_roblox-bedwars .Movement{color:#3b82f6}
.server_roblox-bedwars .Defender{color:#9ba25f}
.server_roblox-bedwars .min-h-img{min-height:180px!important}
.server_roblox-bedwars .max-h-img{max-height:180px!important}
.attr_222 .Godly,.server_toilet-tower-defense .Godly{color:#721cbd}
.attr_222 .Exclusive,.server_toilet-tower-defense .Exclusive{color:#cc4dff}
.attr_222 .Mythic,.server_toilet-tower-defense .Mythic{color:#eb0000}
.attr_222 .Legendary,.server_toilet-tower-defense .Legendary{color:#f2da00}
.attr_222 .Epic,.server_toilet-tower-defense .Epic{color:#8d00eb}
.attr_222 .Rare,.server_toilet-tower-defense .Rare{color:#00c0eb!important}
.attr_222 .Uncommon,.server_toilet-tower-defense .Uncommon{color:#38bf02!important}
.attr_222 .Base,.server_toilet-tower-defense .Base{color:#a8a8a8}
.server_sakura-stand .bg-black{background:#222}
.server_sakura-stand .min-h-img{min-height:180px}
.server_sakura-stand .max-h-img{max-height:180px}
.server_king-legacy .img_bg{background:#492f1a}
.server_king-legacy .img_bg:before{background:transparent}
.server_king-legacy .img_bg .Common{background:#2d2d2d;border-radius:5px;color:#fff;padding:2px 6px}
.server_king-legacy .img_bg .Uncommon{background:#0a0;border-radius:5px;color:#fff;padding:2px 6px}
.server_king-legacy .img_bg .Rare{background:#0af;border-radius:5px;color:#fff;padding:2px 6px}
.server_king-legacy .img_bg .Epic{background:#a0f;border-radius:5px;color:#fff;padding:2px 6px}
.server_king-legacy .img_bg .Legendary{background:#fa5300;border-radius:5px;color:#fff;padding:2px 6px}
.category_1812 .min-h-img,.category_1813 .min-h-img,.category_1814 .min-h-img,.category_1815 .min-h-img{min-height:300px!important}
.category_1812 .max-h-img,.category_1813 .max-h-img,.category_1814 .max-h-img,.category_1815 .max-h-img{max-height:300px!important}
.category_1816 .max-h-img,.category_1816 .min-h-img,.category_1817 .max-h-img,.category_1817 .min-h-img,.category_1818 .max-h-img,.category_1818 .min-h-img,.category_1819 .max-h-img,.category_1819 .min-h-img,.category_1820 .max-h-img,.category_1820 .min-h-img{min-height:240px!important}
.category_1806 .max-h-img,.category_1806 .min-h-img,.category_1807 .max-h-img,.category_1807 .min-h-img,.category_1808 .max-h-img,.category_1808 .min-h-img,.category_1809 .max-h-img,.category_1809 .min-h-img,.category_1810 .max-h-img,.category_1810 .min-h-img{min-height:260px!important}
.swiper-button-next,.swiper-button-prev{align-items:center;background:#fff!important;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:pointer;display:flex;height:40px!important;justify-content:center;position:absolute;top:90%!important;transform:translateY(-50%);transition:all .25s ease;width:40px!important;z-index:10}
.swiper-button-next:hover,.swiper-button-prev:hover{box-shadow:0 4px 10px rgba(0,0,0,.35);transform:translateY(-50%) scale(1.1)}
.swiper-button-prev{left:5px}
.swiper-button-next{right:5px}
.swiper-button-next:after,.swiper-button-prev:after{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#444,#888);-webkit-background-clip:text;font-size:14px!important;font-weight:700}
@media screen and (max-width:1024px){.swiper-button-next,.swiper-button-prev{display:none!important}.site_189_2 li{background-size:contain}.site_189_2 li .bg-black,.site_189_2 li .text-red-600{margin:0;padding:0}.attr_215 .min-h-img{min-height:140px!important}.attr_215 .max-h-img{max-height:140px!important}.big_img_1314 .product_img .min-h-img,.big_img_1347 .product_img .min-h-img{max-width:400px;min-height:180px}.big_img_1314 .product_img .max-h-img,.big_img_1347 .product_img .max-h-img{max-height:180px}.big_img_95 .product_name,.server_murder-mystery-2 .product_name{font-size:14px}.big_img_95 .product_img .min-h-img,.server_murder-mystery-2 .product_img .min-h-img{max-width:398px;min-height:120px!important}.big_img_95 .product_img .max-h-img,.server_murder-mystery-2 .product_img .max-h-img{max-height:120px!important}.site_293_2 .img_bg .product_img,.site_313_2 .img_bg .product_img{padding-top:0}}
@media screen and (max-width:576px){#preview{left:0!important}.server_jailbreak .img_bg{padding:20px 5px 10px!important}.intro_content{overflow-y:scroll;padding:20px 15px}.site_189_46 .min-h-img,.site_189_55 .min-h-img,.site_189_56 .min-h-img{min-height:130px!important}.site_189_46 .max-h-img,.site_189_55 .max-h-img,.site_189_56 .max-h-img{max-height:130px!important}.site_189_2 .img_bg{padding-bottom:0}.site_189_2 .img_bg .product_img{padding-bottom:10px}.site_189_2 .min-h-img{min-height:160px!important}.site_189_2 .max-h-img{max-height:160px!important}.site_293_2 .img_bg .product_img,.site_313_2 .img_bg .product_img{padding-top:0}.site_293_2 .product_name,.site_313_2 .product_name{font-size:16px}}
/**
 * Product List V3 — ITEM legacy neutralizer.
 *
 * Resets pre-V3 per-game/per-server base visuals for type=400 ITEM pages only.
 * Final structure is owned by the later ITEM V3 modules.
 */
.lolga-black .catalog-page[data-product-family="item"] .games_product .good-card,
.lolga-black .catalog-page[data-product-family="item"] .games_product .li_bgs,
.lolga-black .catalog-page[data-product-family="item"] .games_product .bg-black {
  background-image: none !important;
  box-shadow: none !important;
}
.lolga-black .catalog-page[data-product-family="item"] .games_product .good-card::before,
.lolga-black .catalog-page[data-product-family="item"] .games_product .li_bgs::before {
  display: none !important;
  content: none !important;
  background: none !important;
}
.lolga-black .catalog-page[data-product-family="item"] .games_product .img_bg {
  background-image: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .games_product .product_img {
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .games_product .change_img,
.lolga-black .catalog-page[data-product-family="item"] .games_product .min-h-img,
.lolga-black .catalog-page[data-product-family="item"] .games_product .max-h-img {
  min-height: 0 !important;
  max-height: none !important;
  filter: none !important;
}
.lolga-black .catalog-page[data-product-family="item"] .games_product .product_name_box {
  display: block !important;
}
.lolga-black .catalog-page[data-product-family="item"] .games_product .product_name,
.lolga-black .catalog-page[data-product-family="item"] .games_product .sell_price,
.lolga-black .catalog-page[data-product-family="item"] .games_product .sell_del_price_box,
.lolga-black .catalog-page[data-product-family="item"] .games_product .one_sku {
  color: inherit !important;
  font-size: inherit !important;
}
.lolga-black .catalog-page[data-product-family="item"] .games_product .h-5 > span {
  color: inherit !important;
}
/**
 * Product List — allowed semantic ITEM differences.
 *
 * Base layout belongs to the shared ITEM V3 family. This file may preserve
 * semantic presentation such as rarity colors, but must not own card/grid
 * geometry, price layout, SKU behavior, Cart, filters or pagination.
 */
/* Murder Mystery 2 rarity semantics. */
.lolga-black .catalog-page[data-product-family="item"] .site_189_2 .h-5 > span.Ancient {
  color: #f6b204 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .site_189_2 .h-5 > span.Godly {
  color: #ff7f8e !important;
}
.lolga-black .catalog-page[data-product-family="item"] .site_189_2 .h-5 > span.Unique {
  color: #78cfff !important;
}
.lolga-black .catalog-page[data-product-family="item"] .site_189_2 .h-5 > span.Chroma {
  background: linear-gradient(90deg,#ff5f6d,#ffc371,#45d42f,#48b9ff,#c77dff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
/**
 * Product List — shared structural compatibility states.
 *
 * PURPOSE:
 *   Keep behavior-only CSS required by the existing JS while visual ownership
 *   moves out of the old appended redesign/reference blocks.
 *
 * OWNS:
 *   Hidden/open state mechanics only.
 *
 * MUST NOT:
 *   Own colors, spacing, card visuals, Gold, Player, or game-specific design.
 *
 * RELATED JS:
 *   product-filter-drawer.js
 *
 * RELATED DOC:
 *   docs/product-list/modules.md
 */
[data-roblox-attr] {
  display: none !important;
}
.filter-overlay[hidden],
.filter-drawer[hidden] {
  display: none !important;
}
.filter-overlay.open {
  display: block;
}
.filter-drawer.open {
  display: flex !important;
}
body.catalog-filters-open {
  overflow: hidden;
}
.mobile-filter-btn {
  display: none;
}
@media (max-width: 820px) {
  .mobile-filter-btn {
    display: grid !important;
  }

  .catalog-filter.catalog-has-drawer {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }
}
/**
 * Product List V3 — shared ITEM / Player / Accounts filter tokens
 *
 * PURPOSE:
 *   Exact design tokens for the first V3 reference implementation.
 *
 * OWNS:
 *   Color, width, shadow and z-index custom properties.
 *
 * MUST NOT:
 *   - change business state
 *   - change non-filter visual layers or JS behavior
 *
 * RELATED DOC:
 *   docs/product-list/scenarios/01-sab-sku-rate.md
 *
 * DESIGN SOURCE:
 *   lolga-1/lolga-product-list.html
 */
.lolga-black .catalog-page[data-product-family="item"],
.lolga-black .catalog-page[data-product-family="player"],
.lolga-black .catalog-page.catalog-account-toolbar,
.lolga-black .pdp-v4-page .pdp-v4-related {
  --pl-bg: #101010;
  --pl-nav: #181818;
  --pl-card: #202020;
  --pl-card-hover: #232323;
  --pl-inset: #181818;
  --pl-control: #171717;
  --pl-menu: #383636;
  --pl-line: #313131;
  --pl-line-strong: #383838;
  --pl-white: #fff;
  --pl-text: #bbb;
  --pl-text-strong: #ededed;
  --pl-muted: #888;
  --pl-muted-2: #777;
  --pl-green: #45d42f;
  --pl-green-soft: #69e755;
  --pl-green-ink: #071006;
  --pl-yellow: #f6b204;
  --pl-danger: #e45252;
  --pl-max: 1180px;
  --pl-menu-shadow: 0 22px 48px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.015);
}
.lolga-black .catalog-page[data-product-family="item"] {
  --pl-max: var(--catalog-content-max, 1440px);
  color: var(--pl-text);
  background: var(--pl-bg);
}
/**
 * Product List V3 — Normal ITEM Shell
 *
 * PURPOSE:
 *   Page background, shared content width, H1/SEO and legacy-shell reset.
 *   The full-bleed SEO band is shared by ITEM, Gold, and Player.
 *
 * OWNS:
 *   .catalog-page, .catalog-body, .product-wrap in ITEM family scope.
 *   Full-bleed .catalog-seo band for item, gold, and player.
 *   ITEM-only editor HTML resets inside .catalog-seo-copy.
 *   ITEM Related Guides inside .catalog-seo, outside .catalog-seo-copy.
 *
 * MUST NOT:
 *   - style product card internals
 *   - alter filters or cart behavior
 *   - style News index, PDP, Help, or Footer
 *
 * RELATED DOC:
 *   docs/product-list/design.md
 */
/* ITEM uses the shared page gradient. Its inner body must not cover the
 * gradient; cards and toolbars keep their own opaque backgrounds. */
.lolga-black .catalog-page[data-product-family="item"] {
  background: var(--lolga-page-gradient) no-repeat #101010;
  color: var(--pl-text);
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-body {
  background: transparent;
  color: var(--pl-text);
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-hero,
.lolga-black .catalog-page[data-product-family="item"] [data-roblox-attr] {
  display: none !important;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Shared ITEM + Accounts database-backed page_tips rich text.\n * Same dark single-frame presentation; never modify editor content. */
.lolga-black .catalog-page:is([data-product-family="item"], .catalog-account-toolbar) .product-list-tips {
  margin: 0 0 16px !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #202020 !important;
  box-shadow: none !important;
  color: #ccc !important;
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
/* Normal ITEM Tips: one visible frame, owned by the outer Blade wrapper.
 * The stored page_tips HTML is not rewritten. Clear only its redundant
 * immediate editor shell(s), never the actual nested content/cards/tables.
 * SAB's normalized .product-list-tips--trade remains unchanged. */
.lolga-black .catalog-page:is([data-product-family="item"], .catalog-account-toolbar) .product-list-tips:not(.product-list-tips--trade) {
  margin-bottom: 12px !important;
  padding: 12px 16px !important;
  border: 1px solid #313131 !important;
  border-radius: 8px !important;
  background: #1b1b1b !important;
  box-shadow: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], .catalog-account-toolbar) .product-list-tips:not(.product-list-tips--trade) > :is(div, section, article):only-child,
.lolga-black .catalog-page:is([data-product-family="item"], .catalog-account-toolbar) .product-list-tips:not(.product-list-tips--trade) > :is(div, section, article):only-child > :is(div, section, article):only-child {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* Avoid restoring the former 12px mobile override on the single frame. */
@media (max-width: 767px) {
  .lolga-black .catalog-page:is([data-product-family="item"], .catalog-account-toolbar) .product-list-tips:not(.product-list-tips--trade) {
    padding: 12px !important;
  }
}
/* Other database rich text remains intact, including links.
   Override old editor background/text colors only here. */
.lolga-black .catalog-page:is([data-product-family="item"], .catalog-account-toolbar) .product-list-tips:not(.product-list-tips--trade) :is(div, section, article, p, span, font, ul, ol, li) {
  background: transparent !important;
  color: #ccc !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], .catalog-account-toolbar) .product-list-tips:not(.product-list-tips--trade) :is(strong, b, h1, h2, h3, h4) {
  background: transparent !important;
  color: #fff !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], .catalog-account-toolbar) .product-list-tips a {
  color: var(--pl-green) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lolga-black .catalog-page:is([data-product-family="item"], .catalog-account-toolbar) .product-list-tips:not(.product-list-tips--trade) > :last-child {
  margin-bottom: 0 !important;
}
/* Keep Brainrot Trade Tips title/icon unchanged; body stays readable as one color.
   Text comes from existing page_tips rather than a second content source. */
.lolga-black .catalog-page[data-product-family="item"] .trade-tips-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 750;
}
.lolga-black .catalog-page[data-product-family="item"] .trade-tips-title strong {
  color: #fff !important;
}
.lolga-black .catalog-page[data-product-family="item"] .trade-tips-title-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(69, 212, 47, .75) !important;
  border-radius: 50%;
  box-sizing: border-box;
  color: var(--pl-green) !important;
  font: 800 13px/1 sans-serif;
}
/* One shared accent for every instruction, aligned below the heading text.
   The green-outlined info icon and white heading are independent of body style. */
.lolga-black .catalog-page[data-product-family="item"] .trade-tips-content {
  padding-left: 29px;
  color: #9be58d !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
}
.lolga-black .catalog-page[data-product-family="item"] .trade-tips-content p {
  margin: 0 0 4px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #9be58d !important;
}
.lolga-black .catalog-page[data-product-family="item"] .trade-tips-content p:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .lolga-black .catalog-page[data-product-family="item"] .product-list-tips {
    padding: 12px !important;
    font-size: 13px;
  }
  .lolga-black .catalog-page[data-product-family="item"] .trade-tips-content {
    font-size: 13px;
  }
}
/* Shared full-bleed SEO band. Gold and Player must not copy this block. */
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo,
.lolga-black .catalog-page[data-product-family="gold"] .catalog-seo,
.lolga-black .catalog-page[data-product-family="player"] .catalog-seo {
  position: relative;
  width: 100%;
  margin: 34px 0 0 !important;
  padding: 48px 0 !important;
  border-top: 0 !important;
  background: #181818 !important;
  box-shadow: 0 0 0 100vmax #181818;
  clip-path: inset(0 -100vmax);
  color: #aaa !important;
}
/* PC Normal ITEM catalog → global footer boundary.
 * Legacy page/footer margins can add a blank strip after SEO. Only reset the
 * vertical boundary for this family; preserve site-wide footer layout and
 * the mobile spacing system. */
@media (min-width: 768px) {
  .lolga-black .catalog-page[data-product-family="item"] .catalog-seo {
    padding-bottom: 24px !important;
  }

  .lolga-black #pages.catalog-page[data-product-family="item"],
  .lolga-black #pages.catalog-page[data-product-family="item"] .catalog-body,
  .lolga-black #pages.catalog-page[data-product-family="item"] .product-wrap {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.lolga-black:has(#pages.catalog-page[data-product-family="item"]) #pjax-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.lolga-black:has(#pages.catalog-page[data-product-family="item"]) .footer-v14 {
    margin-top: 0 !important;
  }
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo::before,
.lolga-black .catalog-page[data-product-family="gold"] .catalog-seo::before,
.lolga-black .catalog-page[data-product-family="player"] .catalog-seo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #242424;
  box-shadow: 0 0 0 100vmax #242424;
  clip-path: inset(0 -100vmax);
  pointer-events: none;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo > *,
.lolga-black .catalog-page[data-product-family="gold"] .catalog-seo > *,
.lolga-black .catalog-page[data-product-family="player"] .catalog-seo > * {
  width: min(var(--pl-max), calc(100% - 28px));
  margin-inline: auto;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-title,
.lolga-black .catalog-page[data-product-family="gold"] .catalog-seo-title,
.lolga-black .catalog-page[data-product-family="player"] .catalog-seo-title {
  margin: 0 0 24px !important;
  color: #fff !important;
  font-size: clamp(28px, 2.1vw, 36px);
  line-height: 1.18;
  font-weight: 800;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-title {
  letter-spacing: -.02em;
  margin-inline: auto !important;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy,
.lolga-black .catalog-page[data-product-family="gold"] .catalog-seo-copy,
.lolga-black .catalog-page[data-product-family="player"] .catalog-seo-copy {
  color: #b7b7b7 !important;
  font-size: 16px;
  line-height: 1.7;
}
/* Historical editor HTML can have outer wrapper spacing.
   Align only immediate wrapper boxes to the page H1. Nested article cards,
   FAQ and grids keep their own padding through catalog-richtext.css. */
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy {
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy > div,
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy > section,
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy > article {
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy > :first-child {
  margin-top: 0 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy > :last-child {
  margin-bottom: 0 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy h1,
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy h2 {
  margin: 28px 0 10px !important;
  color: #fff !important;
  font-size: clamp(22px, 1.55vw, 28px);
  line-height: 1.25;
  font-weight: 800;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy h3 {
  margin: 24px 0 8px !important;
  color: #fff !important;
  font-size: 19px;
  line-height: 1.3;
  font-weight: 750;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy p {
  margin: 0 0 14px !important;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy ul,
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy ol {
  margin: 8px 0 18px !important;
  padding-left: 26px !important;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy li {
  margin: 6px 0;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy strong {
  color: #f5f5f5;
  font-weight: 700;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy a {
  color: #45d42f;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-seo-copy img {
  max-width: 100%;
  height: auto;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-disclaimer {
  display: none !important;
  width: min(var(--pl-max), calc(100% - 28px));
  margin: 18px auto 0 !important;
  color: #777 !important;
  font-size: 11px;
  line-height: 1.6;
}
/* Related Guides. Direct child of .catalog-seo, never inside .catalog-seo-copy. */
.lolga-black .catalog-page .catalog-related-guides {
  --pl-white: #fff;
  --pl-text: #bbb;
  --pl-muted: #888;
  --pl-green: #45d42f;
  --related-card: #1d1d1d;
  --related-line: #323232;
  --related-hover: #55ef3f;
  margin-top: 36px;
  color: var(--pl-text);
}
.lolga-black .catalog-page .catalog-related-guides__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  margin-bottom: 16px;
}
.lolga-black .catalog-page .catalog-related-guides__intro {
  min-width: 0;
}
.lolga-black .catalog-page .catalog-related-guides__title {
  margin: 0;
  color: var(--pl-white);
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
}
.lolga-black .catalog-page .catalog-related-guides__lead {
  margin: 6px 0 0;
  color: var(--pl-text);
  font-size: 14px;
  line-height: 1.5;
}
.lolga-black .catalog-page .catalog-related-guides__more {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
  color: var(--pl-green);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
}
.lolga-black .catalog-page .catalog-related-guides__more:hover {
  color: var(--related-hover);
}
.lolga-black .catalog-page .catalog-related-guides__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.lolga-black .catalog-page .catalog-related-guides__grid > article {
  min-width: 0;
}
.lolga-black .catalog-page .catalog-related-guides__card {
  display: flex;
  align-items: stretch;
  gap: 14px;
  height: 100%;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--related-line);
  background: var(--related-card);
  color: inherit;
  text-decoration: none;
  transition: border-color .16s ease, transform .16s ease;
}
.lolga-black .catalog-page .catalog-related-guides__card:hover {
  border-color: var(--pl-green);
  transform: translateY(-2px);
}
.lolga-black .catalog-page .catalog-related-guides__image {
  flex: 0 0 148px;
  width: 148px;
  height: 96px;
  overflow: hidden;
  background: #141414;
}
.lolga-black .catalog-page .catalog-related-guides__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lolga-black .catalog-page .catalog-related-guides__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.lolga-black .catalog-page .catalog-related-guides__tag {
  color: var(--pl-green);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.2;
}
.lolga-black .catalog-page .catalog-related-guides__article-title,
.lolga-black .catalog-page .catalog-related-guides__description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
}
.lolga-black .catalog-page .catalog-related-guides__article-title {
  margin: 0;
  color: var(--pl-white);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}
.lolga-black .catalog-page .catalog-related-guides__description {
  margin: 0;
  color: var(--pl-text);
  font-size: 13px;
  line-height: 1.45;
}
.lolga-black .catalog-page .catalog-related-guides__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
}
.lolga-black .catalog-page .catalog-related-guides__date {
  color: var(--pl-muted);
  font-size: 12px;
  line-height: 1.3;
}
.lolga-black .catalog-page .catalog-related-guides__arrow {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: var(--pl-green);
}
@media (min-width: 1024px) {
  .lolga-black .catalog-page .catalog-related-guides__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .lolga-black .catalog-page .catalog-related-guides__header {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .lolga-black .catalog-page .catalog-related-guides__more {
    white-space: normal;
  }
}
@media (max-width: 360px) {
  .lolga-black .catalog-page .catalog-related-guides__card {
    flex-direction: column;
  }

  .lolga-black .catalog-page .catalog-related-guides__image {
    flex-basis: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 148 / 96;
  }
}
/* Instructional prompt only. Server and area buttons stay in .server_list. */
.lolga-black .catalog-page .select_box > p,
.lolga-black .catalog-page .area_box > p {
  display: none !important;
}
/* Products occupy the same space during refresh; skeleton overlays, not pushes.
   This is the only authored visual owner for the Catalog loading state. */
body.lolga-black:has(#pages.catalog-page) > .processing {
  display: none !important; /* global floating spinner still serves non-Catalog pages */
}
.lolga-black #pages.catalog-page .catalog-results { position: relative; }
.lolga-black #pages.catalog-page .catalog-results.is-loading:not(.is-skeleton) .games_product {
  opacity: .78; /* search, sort and pagination keep real cards visible */
}
.lolga-black #pages.catalog-page .catalog-list-loading {
  position: absolute;
  inset: 0;
  z-index: 20;
  padding: 0;
  overflow: hidden;
  background: #101010;
  color: #a8a8a8;
  pointer-events: auto;
}
.lolga-black #pages.catalog-page .catalog-list-loading[hidden] { display: none !important; }
.lolga-black #pages.catalog-page .catalog-list-loading-label {
  display: block;
  padding: 0 0 12px;
  font-size: 12px;
  line-height: 20px;
  color: #8f8f8f;
}
.lolga-black #pages.catalog-page .catalog-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.lolga-black #pages.catalog-page .catalog-skeleton-card {
  display: flex;
  flex-direction: column;
  gap: 11px;
  min-width: 0;
  padding: 12px;
  border-radius: 4px;
  background: #202020;
}
.lolga-black #pages.catalog-page .catalog-skeleton-card span {
  display: block;
  flex-shrink: 0;
  border-radius: 4px;
  background: #343434;
}
/* Only the image placeholders shimmer, not the entire card grid. */
.lolga-black #pages.catalog-page .catalog-skeleton-card .catalog-skeleton-media {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(105deg, #303030 20%, #4d4d4d 45%, #303030 70%);
  background-size: 220% 100%;
  animation: catalog-skeleton-shimmer 1.5s linear infinite;
}
.lolga-black #pages.catalog-page .catalog-skeleton-line {
  width: 84%;
  height: 11px;
}
.lolga-black #pages.catalog-page .catalog-skeleton-line--short { width: 55%; }
.lolga-black #pages.catalog-page .catalog-skeleton-action {
  width: 100%;
  height: 35px;
  margin-top: 4px;
}
@keyframes catalog-skeleton-shimmer {
  from { background-position: 100% 0; }
  to { background-position: -120% 0; }
}
@media (max-width: 1279px) and (min-width: 1024px) {
  .lolga-black #pages.catalog-page .catalog-skeleton-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .lolga-black #pages.catalog-page .catalog-skeleton-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .lolga-black #pages.catalog-page .catalog-skeleton-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .lolga-black #pages.catalog-page .catalog-skeleton-card { padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .lolga-black #pages.catalog-page .catalog-skeleton-card .catalog-skeleton-media { animation: none; }
}
/**
 * LOLGA — Shared Game Subnav (Product List + PDP + Wiki)
 *
 * PURPOSE:
 *   Reproduce the reference game identity + attribute navigation.
 *
 * OWNS:
 *   .game-subnav, .game-identity, .game-tab across Catalog, PDP, Wiki.
 *
 * MUST NOT:
 *   - invent attribute labels/URLs
 *   - create fake tabs
 *
 * RELATED DOC:
 *   docs/product-list/design.md
 */
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-subnav {
  position: relative;
  z-index: 50;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.045) !important;
  background: #181818 !important;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-subnav-inner {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  gap: 26px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
}
/* PDP has its own content width; match Catalog's 1440px shared subnav
 * without changing the width of PDP purchase/gallery/content panels. */
.lolga-black .pdp-page .game-subnav .product-wrap.game-subnav-inner {
  width: min(1440px, calc(100% - 28px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
/* Desktop: a single continuous row with consistent spacing across games.
   Keep the existing DB-backed links; no per-game offsets or dummy columns. */
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tabs-shell {
  display: flex;
  align-self: stretch;
  align-items: center;
  min-width: 0;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tabs {
  display: flex;
  align-self: stretch;
  align-items: stretch;
  gap: 28px;
  min-width: 0;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tabs-next {
  display: none;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-identity {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0;
  margin-right: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
  color: #fff;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-identity-icon {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px;
  border-radius: 7px !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-title {
  margin: 0 !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  white-space: nowrap;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tab {
  position: relative;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  margin-left: 0 !important;
  padding: 0 18px !important;
  flex: 0 0 auto;
  white-space: nowrap;
  border: 0 !important;
  background: transparent !important;
  color: #dadada !important;
  font-size: 16px !important;
  font-weight: 680 !important;
  text-decoration: none;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tab:hover {
  color: #fff !important;
}
/* Desktop and phone share the SAME active text, soft glow and 48px underline.
   The existing .game-tab-visual Blade markup is the only active indicator. */
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tab.active {
  color: #22ff00 !important;
  text-shadow: 0 0 6px rgba(39,246,7,.18);
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tab-visual {
  display: none;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tab.active .game-tab-visual {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
  z-index: 0;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tab.active .game-tab-visual-glow {
  position: absolute;
  width: 80px;
  height: 40px;
  bottom: 0;
  background: radial-gradient(ellipse at 50% 65%, rgba(69,212,47,.17), rgba(69,212,47,0) 74%);
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tab.active .game-tab-visual-line {
  width: 48px;
  height: 3px;
  flex: 0 0 48px;
  border-radius: 999px;
  background: #45d42f;
  box-shadow: 0 0 8px rgba(69,212,47,.4);
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tab-label {
  position: relative;
  z-index: 1;
}
.lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-subnav-inner::-webkit-scrollbar {
  display: none;
}
/* Shared phone game banner: identity above centered attribute tabs.
 * Applies equally to ITEM, Gold, Accounts and other existing catalog/Wiki routes.
 * No fabricated tabs or per-game link overrides.
 */
@media (max-width: 767px) {
  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-subnav .product-wrap.game-subnav-inner {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-identity {
    min-height: 60px;
    min-width: 0;
    gap: 10px !important;
    padding: 8px 4px 0 !important;
  }

  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-identity-icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px;
    border-radius: 9px !important;
  }

  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  /* A single link duplicates the current page; keep its desktop presence, hide on mobile. */
  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tabs-shell.is-single {
    display: none;
  }

  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tabs-shell {
    position: relative;
    display: block;
    min-width: 0;
    max-width: 100%;
  }

  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tabs {
    min-height: 44px;
    min-width: 0;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  /* JS only reveals this control when the real tab width exceeds the viewport. */
  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tabs-next {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: flex;
    width: 42px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 0 0 8px;
    border: 0;
    color: #45d42f;
    background: linear-gradient(90deg, transparent, #181818 35%);
    cursor: pointer;
  }

  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tabs-next[hidden] {
    display: none !important;
  }

  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tabs-next:focus-visible {
    outline: 2px solid #45d42f;
    outline-offset: -2px;
    border-radius: 8px;
  }

  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tabs::-webkit-scrollbar {
    display: none;
  }

  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tab {
    flex: 1 0 auto;
    min-width: 0;
    height: 44px !important;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center;
    isolation: isolate;
  }

  .lolga-black :is(.catalog-page, .wiki-page, .pdp-page) .game-tab-label {
    position: relative;
    z-index: 1;
  }


}
/**
 * Product List V3 — Normal ITEM Categories
 *
 * PURPOSE:
 *   Desktop category chips, secondary rows and mobile two-column checkboxes.
 *
 * OWNS:
 *   .catalog-chips, .category-row, .category-chip in ITEM family scope.
 *
 * JS OWNERS:
 *   catalog-categories.js (server-driven category AJAX),
 *   product-filters.js (category selection), mobile-category-compact.js.
 * Do not put filter toolbar/server switch/product card rules here.
 * RELATED DOC:
 *   docs/product-list/module-ownership-v11.md
 */
.lolga-black .catalog-page[data-product-family="item"] .category-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100%;
  padding: 0 0 13px !important;
  list-style: none;
}
.lolga-black .catalog-page[data-product-family="item"] .category-chip {
  min-width: 0 !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 4px !important;
  background:#202020 !important;
  color: #e5e5e5 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: hidden;
}
.lolga-black .catalog-page[data-product-family="item"] .category-chip:hover {
  border-color: #4a4a4a !important;
  background: #1d1d1d !important;
  color: #fff !important;
}
.lolga-black .catalog-page[data-product-family="item"] .category-chip > .truncate {
  display: block;
  max-width: 100%;
  padding-right: 0;
  text-align: left;
}
.lolga-black .catalog-page[data-product-family="item"] .category-promo-badge {
  position: absolute !important;
  top: 5px !important;
  right: 7px !important;
  width: 27px !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  z-index: 2;
}
.lolga-black .catalog-page[data-product-family="item"] .category-chip.active {
  border-color: var(--pl-green) !important;
  background: var(--pl-green) !important;
  color: #0b1207 !important;
  box-shadow: 0 10px 24px rgba(69,212,47,.24) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .child_category {
  border-color: rgba(255,255,255,.06) !important;
  background: transparent !important;
}
/* Reserve badge space only for chips that actually have an overlay badge. */
.lolga-black .catalog-page[data-product-family="item"] .category-chip.has-promo-badge > .truncate {
  padding-right: 24px;
}
/* Mobile-only checkbox is hidden at desktop and on special A-Z brand grid. */
.lolga-black .catalog-page[data-product-family="item"] .category-mobile-check {
  display: none;
}
/* JS letter filtering must win over the shared inline-flex chip appearance. */
.lolga-black .catalog-page[data-product-family="item"] .category-chip[hidden],
.lolga-black .catalog-page[data-product-family="item"] .category-chip.hidden {
  display: none !important;
}
.lolga-black .catalog-page .category-scroll {
  width: 100%;
  min-width: 0;
}
.lolga-black .catalog-page .catalog-alphabet {
  padding-top: 12px;
}
.lolga-black .catalog-page .lolga-letter-filter.cate_filter {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.lolga-black .catalog-page .lolga-letter-filter.cate_filter > li {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 38px;
  height: 36px;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid #333 !important;
  border-radius: 8px !important;
  background: #202020 !important;
  color: #c9c9c9 !important;
  line-height: 1 !important;
  font-size: 12px !important;
  cursor: pointer;
}
.lolga-black .catalog-page .lolga-letter-filter.cate_filter > li.is-on {
  background: var(--pl-green) !important;
  border-color: var(--pl-green) !important;
  color: #071006 !important;
}
.lolga-black .catalog-page .lolga-letter-filter.cate_filter > li:focus-visible {
  outline: 2px solid var(--pl-green);
  outline-offset: 2px;
}
/* Forza alphabet filter variant: compact brands, no nested permanent scrollbar. */
.lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-rows: 38px;
  align-content: start;
  gap: 8px !important;
  max-height: 176px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: #555 #1c1c1c;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort::-webkit-scrollbar {
  width: 7px;
}
.lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort::-webkit-scrollbar-track {
  background: #1c1c1c;
  border-radius: 8px;
}
.lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 8px;
}
.lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort > .category-chip {
  display: flex !important;
  width: 100% !important;
  height: 38px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  justify-content: flex-start !important;
  overflow: hidden;
  border-radius: 9px !important;
  font-size: 12px !important;
  text-align: left;
  box-shadow: none !important;
}
.lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort > .category-chip.active {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort > .category-chip > .truncate {
  width: 100%;
  min-width: 0;
  padding: 0 !important;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-brand-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 17px 0 0;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-brand-meta {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  -moz-column-gap: 14px;
       column-gap: 14px;
  row-gap: 3px;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-brand-meta > strong {
  color: #e5e5e5;
  font-size: 13px;
  font-weight: 800;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-brand-selected {
  color: #aaa;
  font-size: 12px;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-brand-selected > b {
  color: var(--pl-green);
  font-weight: 750;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-brand-search {
  display: block;
  flex: 0 1 220px;
  min-width: 160px;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-brand-search > input {
  display: block;
  width: 100%;
  height: 36px;
  padding: 0 12px;
  color: #ededed;
  background: #171717;
  border: 1px solid #333;
  border-radius: 9px;
  outline-offset: 2px;
  font-size: 12px;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-brand-search > input:focus {
  border-color: #686868;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-brand-empty {
  margin: 12px 0 0;
  color: #aaa;
  font-size: 12px;
}
.lolga-black .catalog-page[data-product-family="item"] .catalog-brand-empty[hidden] {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
/* Expanded brand grid uses a more specific display rule than normal chips:
   this state override must win or A-Z/search cannot hide filtered brands. */
.lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort > .category-chip[hidden],
.lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort > .category-chip.hidden {
  display: none !important;
}
/* Mobile Normal ITEM: one owner for the two-column, dark-row checkbox layout.
   Existing click targets and JS state are preserved; special A-Z brands are excluded. */
@media (max-width: 767px) {
  .lolga-black .catalog-page[data-product-family="item"] .category-row:not(.is-letter-sort) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 3px 4px !important;
    align-items: stretch !important;
    width: 100%;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .product-wrap > .catalog-chips {
    margin-top: 6px !important;
  }
  .lolga-black .catalog-page[data-product-family="item"] .product-wrap > .select_box ~ .catalog-chips {
    margin-top: 0 !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .category-row:not(.is-letter-sort) > .category-chip {
    display: flex !important;
    flex: initial !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #202020 !important;
    color: #e5e5e5 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .category-row:not(.is-letter-sort) > .category-chip.active {
    background: #202020 !important;
    color: #45d42f !important;
    box-shadow: none !important;
    font-weight: 600 !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .category-row:not(.is-letter-sort) .category-mobile-check {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    border: 2px solid #a3a3a3 !important;
    border-radius: 4px;
    background: transparent;
  }

  .lolga-black .catalog-page[data-product-family="item"] .category-row:not(.is-letter-sort) > .category-chip.active .category-mobile-check {
    border-color: var(--pl-green) !important;
    background: var(--pl-green);
  }

  .lolga-black .catalog-page[data-product-family="item"] .category-row:not(.is-letter-sort) > .category-chip.active .category-mobile-check::after {
    content: "";
    display: block;
    width: 5px;
    height: 9px;
    border-right: 2px solid #10210c;
    border-bottom: 2px solid #10210c;
    transform: translateY(-1px) rotate(45deg);
  }

  .lolga-black .catalog-page[data-product-family="item"] .category-row:not(.is-letter-sort) > .category-chip > .truncate {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
  }

  .lolga-black .catalog-page[data-product-family="item"] .classify_sub.child_category {
    max-height: min(38vh, 260px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin-top: 8px !important;
    padding: 8px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.1) !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .classify_sub > span {
    margin-inline: 2px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .classify_sub > span > b:first-child {
    font-size: 14px !important;
    line-height: 20px !important;
    color: #79e96a !important;
    text-shadow: none !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .classify_sub > span > b:last-child {
    display: none !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .classify_sub .category_child {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    -moz-column-gap: 10px !important;
         column-gap: 10px !important;
    row-gap: 2px !important;
    margin-top: 4px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .classify_sub .category_child > li {
    min-width: 0;
    min-height: 30px;
    padding: 4px 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px;
    line-height: 20px !important;
    color: #d4d4d4;
  }

  .lolga-black .catalog-page[data-product-family="item"] .classify_sub .category_child > li > svg {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    color: #aaa;
  }

  .lolga-black .catalog-page[data-product-family="item"] .classify_sub .category_child > li.is-selected {
    background: transparent !important;
    color: #79e96a !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .classify_sub .category_child > li.is-selected > svg {
    color: var(--pl-green);
  }

  .lolga-black .catalog-page[data-product-family="item"] .classify_sub .category_child > li > .truncate {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/* Region -> Platform -> Categories uses a single data-driven heading owner.
   The server and category controls retain their own existing selection CSS. */
.lolga-black .catalog-page.catalog-hierarchy-facets .catalog-facet-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-block: 14px 8px !important;
  color: #bcbcbc;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.lolga-black .catalog-page.catalog-hierarchy-facets .catalog-facet-heading::after {
  content: "";
  flex: 1 1 auto;
  min-width: 10px;
  height: 1px;
  background: #202020;
}
/* Hierarchy facet alignment: Platform and Categories share the left edge.
 * Keep these changes limited to the ITEM hierarchy desktop controls. */
@media (min-width:768px) {
 .lolga-black .catalog-page.catalog-hierarchy-facets .server_list > li,
 .lolga-black .catalog-page.catalog-hierarchy-facets .server_list > button {justify-content:flex-start;text-align:left}
 .lolga-black .catalog-page.catalog-hierarchy-facets .category-row:not(.is-letter-sort) > .category-chip {justify-content:flex-start;text-align:left}
 .lolga-black .catalog-page.catalog-hierarchy-facets .category-row:not(.is-letter-sort) > .category-chip > .truncate {text-align:left}
}
/**
 * Product List V3 — shared ITEM / Player / Accounts toolbar
 *
 * PURPOSE:
 *   Shared ITEM / PLAYER / Accounts toolbar and dropdown presentation.
 *   The native select and existing filter-source-* remain authoritative.
 *
 * OWNS:
 *   .catalog-filter, .catalog-toolbar, .select-shell, .filter-menu.
 *
 * MUST NOT:
 *   - own mobile drawer
 *   - change catalog.filters semantics
 *
 * RELATED JS:
 *   catalog-filter-dropdowns.js (Sort/Property/Rate/Tags visual menus)
 *   product-filters.js (data-source clicks, query state, search)
 */
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-filter {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-bar.catalog-toolbar {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 10px 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-search,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell {
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid #313131 !important;
  border-radius: 4px !important;
  background: var(--pl-control) !important;
  color: var(--pl-text-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-search {
  flex: 1 1 360px;
  min-width: 260px;
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 0 16px !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-search svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: #888 !important;
  stroke-width: 2;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-search input,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) input.catalog-search {
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #ececec !important;
  font-size: 13px !important;
  box-shadow: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-search input::-moz-placeholder, .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) input.catalog-search::-moz-placeholder {
  color: #7e7e7e !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-search input::placeholder,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) input.catalog-search::placeholder {
  color: #7e7e7e !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-search:focus-within,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell.filter-open,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell:focus-within {
  border-color: #686868 !important;
  box-shadow: 0 0 0 2px rgba(175,175,175,.12) !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell {
  position: relative !important;
  flex: 0 1 170px;
  min-width: 150px;
  padding: 0 !important;
}
/* The open shared menu must stack above following controls and player rows. */
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell.filter-open {
  z-index: 30;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell[hidden] {
  display: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .sort-shell {
  flex-basis: 190px;
  min-width: 170px !important;
  margin-left: 0 !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell > select {
  width: 100% !important;
  height: 100% !important;
  padding: 18px 34px 0 14px !important;
  border: 0 !important;
  outline: 0 !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background: transparent !important;
  color: #f1f1f1 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell::before {
  content: attr(data-label);
  position: absolute;
  left: 14px;
  top: 8px;
  color: #6d6d6d;
  font-size: 9px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
  pointer-events: none;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .sort-label {
  display: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell > svg {
  position: absolute;
  right: 12px;
  width: 15px !important;
  height: 15px !important;
  stroke: #9f9f9f !important;
  pointer-events: none;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell.filter-customized > select {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell.filter-customized::before {
  display: none !important;
  content: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell.filter-customized > svg {
  display: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell.filter-customized .filter-dropdown {
  width: 100%;
  height: 100%;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-trigger {
  width: 100%;
  height: 48px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 18px;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: var(--pl-text-strong);
  text-align: left;
  cursor: pointer;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-trigger-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-trigger-label {
  color: #717171;
  font-size: 9px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-trigger-value {
  min-width: 0;
  overflow: hidden;
  color: #ededed;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-trigger-arrow {
  justify-self: end;
  width: 8px;
  height: 8px;
  border-right: 2px solid #8e8e8e;
  border-bottom: 2px solid #8e8e8e;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .18s ease;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell.filter-open .filter-trigger-arrow {
  border-color: #6be756;
  transform: translateY(2px) rotate(-135deg);
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 2000;
  display: none;
  width: max(100%, 216px);
  max-width: min(320px, calc(100vw - 36px));
  max-height: 320px;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #383838;
  border-radius: 4px;
  background: #202020;
  box-shadow: 0 16px 36px rgba(0,0,0,.48);
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell.filter-open .filter-menu {
  display: block;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-option {
  width: 100%;
  min-height: 40px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 0;
  border-bottom: 1px solid #303030;
  border-radius: 4px;
  background: transparent;
  color: #ddd;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-option:hover {
  background: #1d1d1d;
  color: #fff;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-option:last-child {
  border-bottom-color: transparent;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-option:focus-visible {
  outline: 1px solid var(--pl-green);
  outline-offset: -1px;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-option.active {
  background: rgba(69,212,47,.1);
  color: #75e761;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-option-check {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 4px;
  color: transparent;
  font-size: 11px;
  font-weight: 950;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-option.active .filter-option-check {
  background: var(--pl-green);
  color: var(--pl-green-ink);
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-sku-search {
  flex: 1 0 100%;
}
/* Inline property/SKU search chips use the same one-line filter affordance.
   Legacy JS may still inject selection SVGs; hide them visually, not functionally. */
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-sku-search #sku > p {
  margin: 3px 0 9px !important;
  color: #bcbcbc !important;
  font-size: 13px;
  font-weight: 750;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-sku-search #sku > ul.filter_pro {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-sku-search #sku > ul.filter_pro > li {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 13px !important;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-sku-search #sku > ul.filter_pro > li > svg {
  display: none !important;
}
/* Safari mobile: the field content (not its small decorative label) must stay
   >=16px to avoid automatic visual-viewport zoom on focus. */
@media (max-width: 820px), (hover: none) and (pointer: coarse) {
  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-search input,
  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) input.catalog-search,
  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .select-shell > select {
    font-size: 16px !important;
  }
}
/**
 * LOLGA V9 — Flat mobile filter drill-down.
 * Source: docs/product-list/design.md
 * ITEM, Player and Accounts share the same phone sheet. Desktop controls remain unchanged.
 */
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .mobile-filter-btn {
  display: none;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-overlay {
  position: fixed;
  inset: 0;
  z-index: 2050 !important;
  background: rgba(0,0,0,.76) !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2100 !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: min(85dvh, 760px);
  border: 0;
  border-radius: 18px 18px 0 0;
  background: #1d1e22 !important;
  color: #f2f2f2;
  box-shadow: 0 -14px 40px rgba(0,0,0,.42);
  overflow: hidden;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer[hidden],
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer [hidden] {
  display: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer::before {
  content: "";
  display: block;
  flex: 0 0 4px;
  width: 42px;
  margin: 9px auto 3px;
  background: #3e4048;
  border-radius: 6px;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer-head {
  flex: 0 0 62px;
  min-height: 62px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #303137;
  background: #1d1e22;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
  min-width: 0;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer-heading strong {
  color: #fff;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 750;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) [data-filter-count] {
  min-width: 19px;
  height: 19px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  background: #45d42f;
  color: #0c1b0a;
  font-size: 11px;
  font-weight: 800;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-close,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-back {
  position: absolute;
  top: 11px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #eee;
  font-size: 28px;
  line-height: 1;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-back {
  left: 8px;
  font-size: 32px;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-close {
  right: 8px;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer-body {
  flex: 0 1 auto;
  min-height: 0;
  padding: 10px 14px 16px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: #43444a transparent;
}
/* Soft group surfaces replace full-width row rules; vertical spacing separates entries. */
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex !important;
  width: 100%;
  min-width: 0;
  align-items: center;
  box-sizing: border-box;
  color: #ececf0 !important;
  text-align: left !important;
  cursor: pointer;
  border: 0 !important;
  box-shadow: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group {
  position: relative;
  gap: 8px;
  min-height: 58px;
  margin: 0 0 10px;
  padding: 12px !important;
  border-radius: 12px !important;
  background: #292a31 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group:active {
  background: #32333b !important;
}
/* Full-row hit target. Visible label, chip and arrow sit above it. */
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-open {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: transparent;
  cursor: pointer;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-open:focus-visible {
  outline: none;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-name,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-selected-path,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-selected,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-selected-separator,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-arrow {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-name {
  flex: 0 1 auto;
  min-width: 0;
}
/* Parent + child stay in one chip, beside the title, without widening the row. */
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-selected-path {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
  min-width: 0;
  max-width: min(58%, 196px);
  padding: 4px 4px 4px 8px;
  border-radius: 6px;
  background: #1b1c22;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-selected-separator {
  flex: 0 0 auto;
  font-size: 13px;
  color: #9a9ea6;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-selected {
  flex: 0 1 auto;
  display: inline-block;
  min-width: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #ececf0;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-clear {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0 0 0 2px;
  padding: 0;
  border: 0 !important;
  border-radius: 4px;
  background: transparent !important;
  color: #c8c8ce !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-arrow {
  flex: 0 0 16px;
  margin-left: auto;
  color: #c7c7cd;
  font-size: 21px;
  line-height: 1;
  text-align: right;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice-list {
  padding-bottom: 6px;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice {
  gap: 12px;
  min-height: 46px;
  margin: 2px 0;
  padding: 11px 14px !important;
  border-radius: 10px !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 450 !important;
  line-height: 1.4 !important;
  white-space: normal;
  overflow-wrap: anywhere;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice::before {
  content: none !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice.active {
  background: #24372a !important;
  color: #78e967 !important;
  font-weight: 650 !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice.active::after {
  content: "✓";
  flex: 0 0 auto;
  margin-left: auto;
  color: #81f371;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice-search-wrap {
  position: relative;
  margin: 10px 0 12px;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice-search-wrap::before {
  content: "";
  position: absolute;
  left: 17px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-65%);
  border: 2px solid #aeb0b7;
  border-radius: 50%;
  pointer-events: none;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice-search-wrap::after {
  content: "";
  position: absolute;
  left: 29px;
  top: calc(50% + 4px);
  width: 8px;
  border-top: 2px solid #aeb0b7;
  transform: rotate(45deg);
  transform-origin: left center;
  pointer-events: none;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-category-search {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 46px;
  padding: 0 13px 0 45px;
  border: 0 !important;
  border-radius: 11px !important;
  outline-offset: 2px;
  background: #292a32 !important;
  color: #eee !important;
  font-size: 13px !important;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-category-search::-moz-placeholder {
  color: #a6a7af;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-category-search::placeholder {
  color: #a6a7af;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice-empty {
  padding: 18px 14px;
  color: #a6a7af;
  font-size: 13px;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group:focus-visible,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group:has(.filter-group-open:focus-visible),
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-group-clear:focus-visible,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-choice:focus-visible,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-category-search:focus-visible {
  outline: 2px solid #45d42f;
  outline-offset: -2px;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer-foot {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 16px max(18px, env(safe-area-inset-bottom, 0px));
  border-top: 1px solid #303137;
  background: #1d1e22;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-clear,
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-apply {
  min-height: 48px;
  padding: 0 16px;
  border: 0 !important;
  border-radius: 9px !important;
  font-size: 13px;
  font-weight: 800;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-clear {
  background: transparent !important;
  color: #aeb0b7 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-apply {
  background: #45d42f !important;
  color: #0a1508 !important;
}
/* Scroll contract:
   - Main Filter menu: body can scroll naturally.
   - Drill-down: only the option list scrolls; title + search remain stationary.
   - The scrollbar belongs to the option list, not the site viewport.
   LiveChat visibility is separately owned by the global third-party integration. */
@media (max-width: 767px) {
  body.lolga-black.catalog-filters-open {
    overflow: hidden !important;
  }

  /* One stable bottom sheet height for root, Sort, Price and all nested panes.
     Top edge sits near the beginning of the mobile product list. */
  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer {
    height: min(80dvh, 760px);
  }

  /* Consume all available room rather than shrinking to current menu content. */
  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer-body {
    flex: 1 1 auto;
    min-height: 0;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer[data-filter-pane="choices"] .filter-drawer-body {
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
    min-height: 0;
    padding-right: 10px;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer[data-filter-pane="choices"] .filter-choice-search-wrap {
    flex: 0 0 auto;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer[data-filter-pane="choices"] .filter-choice-list {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    padding-right: 10px;
    overflow-x: hidden;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #848791 #292a31;
    scrollbar-gutter: stable;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer[data-filter-pane="choices"] .filter-choice-list::-webkit-scrollbar {
    width: 6px;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer[data-filter-pane="choices"] .filter-choice-list::-webkit-scrollbar-track {
    border-radius: 4px;
    background: #292a31;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer[data-filter-pane="choices"] .filter-choice-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #848791;
  }
}
/* V9 mobile ITEM bottom-up Filter sheet motion (Eldorado interaction reference).
 * Bottom-attached sheet slides UP on open and DOWN on dismissal.
 * OWNED BY: product-filter-drawer.js (open/closing classes and delayed hiding).
 * PC/non-ITEM/legacy unchanged; reduced-motion users skip animation.
 */
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  @keyframes lolgaFilterSheetIn {
    from { transform: translate3d(0, 100%, 0); opacity: .94; }
    to   { transform: translate3d(0, 0, 0); opacity: 1; }
  }
  @keyframes lolgaFilterSheetOut {
    from { transform: translate3d(0, 0, 0); opacity: 1; }
    to   { transform: translate3d(0, 100%, 0); opacity: .96; }
  }
  @keyframes lolgaFilterShadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  @keyframes lolgaFilterShadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer.open {
    animation: lolgaFilterSheetIn 280ms cubic-bezier(.22, 1, .36, 1) both;
  }
  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer.closing {
    animation: lolgaFilterSheetOut 210ms cubic-bezier(.4, 0, 1, 1) both;
    pointer-events: none;
  }
  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-overlay.open {
    animation: lolgaFilterShadeIn 180ms ease-out both;
  }
  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-overlay.closing {
    animation: lolgaFilterShadeOut 210ms ease-in both;
    pointer-events: none;
  }
}
/* Subpages are selection-only: retain Back / Close; no secondary Apply footer. */
.lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .filter-drawer-foot[hidden] {
  display: none !important;
}
/**
 * Product List V3 — Normal ITEM Card
 *
 * PURPOSE:
 *   Exact reference card shell, image, title, badges and layout.
 *   An open SKU menu must paint above .catalog-seo. The grid's
 *   isolation traps the menu's own z-index, so the grid is raised
 *   only while a card has .variant-open.
 *
 * OWNS:
 *   Normal ITEM .good-card.catalog-card visuals in ITEM family scope.
 *
 * MUST NOT:
 *   - own pricing calculation
 *   - own SKU behavior
 *   - affect Gold/Player
 *
 * RELATED DOC:
 *   docs/product-list/scenarios/01-sab-sku-rate.md
 */
.lolga-black .catalog-page[data-product-family="item"] .catalog-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 14px !important;
  overflow: visible !important;
  isolation: isolate;
  align-items: stretch;
}
/* isolation keeps card layers inside the grid. While a menu is open,
   raise that same layer above the later .catalog-seo band. */
.lolga-black .catalog-page[data-product-family="item"] .catalog-grid:has(.good-card.catalog-card.variant-open) {
  position: relative;
  z-index: 40;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card {
  position: relative !important;
  z-index: 1;
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: #202020 !important;
  color: var(--pl-text) !important;
  box-shadow: none !important;
  transition: transform .16s ease, background .16s ease;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card::before,
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card.li_bgs::before {
  display: none !important;
  content: none !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:hover {
  z-index: 2;
  transform: translateY(-1px);
  background: var(--pl-card-hover) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card.variant-open {
  z-index: 2500 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card__media,
.lolga-black .catalog-page[data-product-family="item"] .good-card .img_bg,
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .img_bg,
.lolga-black .catalog-page[data-product-family="item"] .site_307_2 .img_bg {
  position: relative !important;
  width: 100%;
  /* Give tall product art enough vertical room. The previous 1.16:1
   * viewport made portrait assets look cropped even with object-fit: contain. */
  /*aspect-ratio: 1 / 1 !important;*/
  display: grid !important;
  place-items: center !important;
  align-self: flex-start;
  flex: 0 0 auto;
  margin: 0 !important;
  /*padding: 10px !important;*/
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  /*background: var(--pl-inset) !important;*/
  box-sizing: border-box;
}
/* Product artwork loading state. Uses the shared Blade card for initial
   HTML and AJAX pagination; no duplicate JS card renderer.
   The shimmer stays within the media area and never covers SKU/actions. */
@keyframes catalog-art-loading {
  0% { background-position: 130% 0; }
  100% { background-position: -130% 0; }
}
.lolga-black .catalog-page[data-product-family="item"] .good-card__media .product_img,
.lolga-black .catalog-page[data-product-family="item"] .good-card__media > .flex:has(img[loading="lazy"]) {
  position: relative;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card__media .product_img:has(img:not(.catalog-img-loaded))::before {
  content: "";
  position: absolute;
  inset: 10% 14%;
  border-radius: 6px;
  background: linear-gradient(100deg, #222 20%, #303030 48%, #222 75%);
  background-size: 250% 100%;
  animation: catalog-art-loading 1.5s ease-in-out infinite;
  pointer-events: none;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card__media .product_img > img:not(.catalog-img-loaded) {
  opacity: 0;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card__media .product_img > img.catalog-img-loaded {
  opacity: 1;
  transition: opacity .22s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lolga-black .catalog-page[data-product-family="item"] .good-card__media .product_img::before {
    animation: none;
  }
}
/* Compact no-SKU ITEM art and title (D4, Forza, MM2 etc.).
   All ordinary no-SKU items share the same media aspect ratio; contain
   prevents source-image cropping. Adopt/SKU/special layouts are excluded. */
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) .good-card__media {
  aspect-ratio: 1.12 / 1 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .good-card__name {
  padding: 3px 12px 0 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) .product-name-slot {
  height: 36px;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) .product_name {
  max-height: 36px;
  font-size: 16px !important;
  line-height: 18px !important;
  color: #e6e6e6 !important;
}
/* SAB mixes direct-price cards into a SKU row. Keep those cards on the
   shared 1:1 media and 40px title so the row lines up. */
/*.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) .good-card__media {*/
/*  aspect-ratio: 1 / 1 !important;*/
/*}*/
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .good-card__name {
  padding: 8px 14px 0 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) .product-name-slot {
  height: 40px;
}
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) .product_name {
  max-height: 40px;
  font-size: 14px !important;
  line-height: 20px !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card .product_img,
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .img_bg .product_img,
.lolga-black .catalog-page[data-product-family="item"] .site_307_2 .img_bg .product_img {
  position: absolute !important;
  inset: 10px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card .change_img,
.lolga-black .catalog-page[data-product-family="item"] .good-card .max-h-img,
.lolga-black .catalog-page[data-product-family="item"] .good-card .min-h-img,
.lolga-black .catalog-page[data-product-family="item"] .games_product .good-card.catalog-card .change_img,
.lolga-black .catalog-page[data-product-family="item"] .games_product .good-card.catalog-card .max-h-img,
.lolga-black .catalog-page[data-product-family="item"] .games_product .good-card.catalog-card .min-h-img,
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .change_img,
.lolga-black .catalog-page[data-product-family="item"] .site_307_2 .change_img {
  position: static !important;
  width: 100% !important;
  height: 80% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center !important;
     object-position: center !important;
  transform: none !important;
  filter: none !important;
}
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .product_img > a {
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
}
@media (min-width: 1024px) {
  /* Preserve the original ITEM image interaction: ordinary contained artwork
     zooms and rotates on media hover. Full-image cards do not carry max-h-img
     and therefore keep their original no-zoom behavior. */
  .lolga-black .catalog-page[data-product-family="item"] .good-card__media:hover .change_img.max-h-img,
  .lolga-black .catalog-page[data-product-family="item"] .good-card .img_bg:hover .change_img.max-h-img {
    transform: scale(1.25) rotate(6deg) !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .good-card .change_img.max-h-img {
    transition: transform .3s ease-in-out !important;
    transform-origin: center center;
    will-change: transform;
  }
}
.lolga-black .catalog-page[data-product-family="item"] .good-card__tags {
  left: 10px !important;
  top: 10px !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card__tags > * {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin: 0 5px 0 0 !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card__name,
.lolga-black .catalog-page[data-product-family="item"] .product_name_box {
  width: 100%;
  min-height: 0 !important;
  height: 40px !important;
  display: block !important;
  margin: 0 !important;
  padding:0 14px 0 !important;
  box-sizing: border-box;
}
/* Shared ITEM title slot: center one-line names within the same two-line
   capacity as longer names. Adopt cards keep their own SKU/action layout. */
.lolga-black .catalog-page[data-product-family="item"] .product-name-slot {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.lolga-black .catalog-page[data-product-family="item"] .product_name,
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .product_name,
.lolga-black .catalog-page[data-product-family="item"] .site_307_2 .product_name {
  display: -webkit-box;
  width: 100%;
  max-height: 40px;
  margin: 0 !important;
  overflow: hidden;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 680 !important;
  text-align: center !important;
  white-space: normal;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* All normal ITEM property/rarity badges share MM2's centered row.
 * Keep tag values/colors and MM2's separate Bundle positioning unchanged. */
.lolga-black .catalog-page[data-product-family="item"] .good-card > p.h-5 {
  min-height: 22px !important;
  height: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center !important;
  flex-wrap: nowrap;
  gap: 6px;
  margin: 0 0 5px !important;
  padding: 6px 14px 0 !important;
  color: #a1c012 !important;
  text-align: center !important;
}
/* MM2 rarity (Ancient/Godly/etc.) shares a centered row with Bundle. */
.lolga-black .catalog-page[data-product-family="item"] .good-card > p.mm2-rarity-row {
  justify-content: center !important;
  text-align: center !important;
  flex-wrap: wrap;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card > p.mm2-rarity-row > span {
  white-space: nowrap;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card > p.h-5 > span {
  min-height: 21px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 5px;
  background: #181818;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.lolga-black .catalog-page[data-product-family="item"] .benefit-list {
  margin: 8px 14px 0 !important;
  padding: 8px 10px !important;
  border: 0 !important;
  background: #181818 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.is-sold-out .change_img,
.lolga-black .catalog-page[data-product-family="item"] .good-card.is-sold-out .product_img {
  opacity: .6;
  filter: saturate(.55) !important;
}
/* Display-only cards are informational: no fake disabled purchase affordance. */
.lolga-black .catalog-page[data-product-family="item"] .good-card.is-display-only .good-card__price-wrap {
  min-height: 44px !important;
  justify-content: flex-start !important;
  padding: 8px 14px 12px !important;
}
.lolga-black .catalog-page[data-product-family="item"] .display-only-info {
  width: 100%;
  display: block;
  padding: 9px 10px;
  border: 1px solid #303030;
  border-radius: 8px;
  background: #181818;
  color: #bdbdbd;
  font-size: 12px;
  line-height: 1.35;
  text-align: left;
}
/* Boosting remains a regular Cart product; these are presentation-only trust cues. */
.lolga-black .catalog-page[data-product-family="item"] .good-card.is-boosting .good-card__name,
.lolga-black .catalog-page[data-product-family="item"] .good-card.is-boosting .product_name_box {
  margin-left: 0 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .boosting-benefits {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 5px;
  margin: 8px 14px 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #2b2b2b !important;
  border-radius: 8px;
  background: #181818 !important;
  list-style: none;
}
.lolga-black .catalog-page[data-product-family="item"] .boosting-benefits > li {
  position: relative;
  min-height: 18px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  color: #bdbdbd;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
}
.lolga-black .catalog-page[data-product-family="item"] .boosting-benefits > li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.lolga-black .catalog-page[data-product-family="item"] .boosting-benefits .benefit-safety::before {
  background: var(--pl-green);
  box-shadow: 0 0 8px rgba(69,212,47,.35);
}
.lolga-black .catalog-page[data-product-family="item"] .boosting-benefits .benefit-delivery::before {
  background: var(--pl-yellow);
  box-shadow: 0 0 8px rgba(246,178,4,.28);
}
.lolga-black .catalog-page[data-product-family="item"] .boosting-benefits .benefit-price::before {
  background: #4da3ff;
  box-shadow: 0 0 8px rgba(77,163,255,.28);
}
/* Presale is a compact state cue; never tint the whole card. */
.lolga-black .catalog-page[data-product-family="item"] .good-card.is-presale .pre_order {
  border: 1px solid rgba(246,178,4,.6) !important;
  background: rgba(246,178,4,.12) !important;
  color: var(--pl-yellow) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.is-presale .countdown {
  min-height: 22px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: -26px 10px 8px !important;
  padding: 0 8px !important;
  border: 1px solid #303030;
  border-radius: 7px;
  background: #151515 !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800;
}
.lolga-black .catalog-page[data-product-family="item"] .sold-out-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid rgba(228,82,82,.55);
  border-radius: 999px;
  background: rgba(228,82,82,.12);
  color: var(--pl-danger) !important;
  font-size: 10px;
  line-height: 1;
  font-weight: 850;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.is-sold-out {
  background: #1b1b1b !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.is-sold-out .product_name {
  color: #a8a8a8 !important;
}
@media (max-width: 767px) {
  .lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .good-card__name {
    padding: 7px 10px 0 !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) .product-name-slot {
    height: 36px;
  }

  .lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) .product_name {
    max-height: 36px;
    font-size: 12.5px !important;
    line-height: 18px !important;
  }


    .lolga-black .catalog-page[data-product-family="item"] .good-card .change_img,
    .lolga-black .catalog-page[data-product-family="item"] .good-card .max-h-img,
    .lolga-black .catalog-page[data-product-family="item"] .good-card .min-h-img,
    .lolga-black .catalog-page[data-product-family="item"] .games_product .good-card.catalog-card .change_img,
    .lolga-black .catalog-page[data-product-family="item"] .games_product .good-card.catalog-card .max-h-img,
    .lolga-black .catalog-page[data-product-family="item"] .games_product .good-card.catalog-card .min-h-img,
    .lolga-black .catalog-page[data-product-family="item"] .site_293_2 .change_img,
    .lolga-black .catalog-page[data-product-family="item"] .site_307_2 .change_img {
        height: 100% !important;
    }

}
/**
 * Product List V3 — Normal ITEM Price
 *
 * PURPOSE:
 *   Reference headline price, old price and discount styling.
 *
 * OWNS:
 *   .sell_price, .sell_del_price, .discount-badge visual treatment only.
 *
 * MUST NOT:
 *   - calculate prices
 *   - choose selected SKU
 *
 * RELATED JS:
 *   product-variant-menu.js / legacy SKU bridge
 */
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card__price-wrap,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card__sku > .good-card__price.one_sku {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 10px 14px 12px !important;
  color: #fff !important;
  box-sizing: border-box;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card__price {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  flex-wrap: wrap;
  gap: 7px;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .price-now,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .one_sku > p,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .one_sku > div {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 1px;
  margin: 0 !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card__currency {
  color: inherit !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .sell_price,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .site_293_2 .sell_price,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .site_307_2 .sell_price {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .sell_price.sale-price {
  color: var(--pl-green) !important;
}
/* Normal non-SKU items use the green headline price from the reference card.
 * Keep SKU dropdown pricing independent: only the standalone price-wrap is affected. */
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card__price-wrap .price-now,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card__price-wrap .good-card__currency,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card__price-wrap .sell_price {
  color: var(--pl-green) !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .sell_del_price_box {
  display: inline-flex !important;
  align-items: baseline;
  gap: 1px;
  margin: 0 !important;
  color: #777 !important;
  font-size: 11px !important;
  font-weight: 550 !important;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .sell_del_price_box.hidden {
  display: none !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .sell_del_price {
  color: #777 !important;
  font-size: 11px !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .discount-badge,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .sku_discount {
  height: 20px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 7px !important;
  border-radius: 5px !important;
  background: rgba(246,178,4,.14) !important;
  color: var(--pl-yellow) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.is-sold-out .sell_price {
  color: #777 !important;
}
/* The V2 catalog's high-specificity .one_sku margin (10px 0 12px)
   leaks into the no-SKU price block and visually offsets centered titles.
   Normal purchasable ITEM cards own this spacing in .good-card__price-wrap.
   Do not affect Adopt Me, SKU variants, Boosting, presale or display-only. */
.lolga-black .catalog-page[data-product-family="item"] .games_product .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-presale):not(.is-display-only) > .good-card__price-wrap > .good-card__price.one_sku {
  margin: 0 !important;
}
/* Compact no-SKU price: existing currency/sale/old-price colors preserved. */
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .good-card__price-wrap {
  padding: 8px 12px 13px !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .good-card__price-wrap .sell_price {
  font-size: 15px !important;
}
/* Plain untagged no-SKU ITEM cards: reduce the empty gap below a
   one-line title. Tagged MM2, bundles, metadata, Adopt and SKU keep
   existing layout. Do not change headline/discount colors. */
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap):not(.is-set):not(.is-sold-out):not(:has(> p.h-5)):not(:has(> .good-card__name > p)) > .good-card__price-wrap {
  padding-top: 6px !important;
}
/* SAB direct-price row matches the SKU variant row so Add lines up. */
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .good-card__price-wrap,
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap):not(.is-set):not(.is-sold-out):not(:has(> p.h-5)):not(:has(> .good-card__name > p)) > .good-card__price-wrap {
  height: 52px !important;
  padding: 0 14px 2px !important;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .good-card__price-wrap,
  .lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap):not(.is-set):not(.is-sold-out):not(:has(> p.h-5)):not(:has(> .good-card__name > p)) > .good-card__price-wrap {
    padding: 0 10px 2px !important;
  }
}
/**
 * Product List V3 — Normal ITEM Variant
 *
 * PURPOSE:
 *   Exact custom SKU dropdown including sold-out Notify rows.
 *
 * OWNS:
 *   .product-variant, .variant-trigger, .variant-menu and variant rows.
 *
 * MUST NOT:
 *   - calculate authoritative prices
 *   - update Cart API directly
 *   - convert Adopt grid into this dropdown
 *
 * RELATED JS:
 *   product-variant-menu.js
 *
 * RELATED DOC:
 *   docs/product-list/scenarios/14-partial-sku-sold-out.md
 */
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .product-variant-block,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card__sku.product-variant-block {
  width: 100%;
  /*margin: 0 !important;*/
  padding: 0 14px 2px !important;
  box-sizing: border-box;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .product-variant {
  position: relative !important;
  z-index: 2;
  width: 100%;
  margin: 0 0 10px !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .product-variant.is-customized > .product-variant-select {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .product-dropdown {
  position: relative !important;
  z-index: 1;
  width: 100%;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger {
  position: relative;
  width: 100%;
  height: 40px;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto 18px !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 12px !important;
  border: 1px solid #353535 !important;
  border-radius: 4px !important;
  background: #383636 !important;
  color: #f2f2f2 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
  cursor: pointer;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger:hover {
  border-color: #4a4a4a !important;
  transform: translateY(-1px);
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .product-variant.open .variant-trigger,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger:focus-visible {
  outline: 0;
  border-color: var(--pl-green) !important;
  box-shadow: 0 0 0 3px rgba(69,212,47,.10) !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger::after {
  display: none !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger-text {
  min-width: 0;
  overflow: hidden;
  color: #f2f2f2;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger-price {
  /* Reference card: gold for an unexpanded quote, green when selected/open. */
  color: #ffb804 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  white-space: nowrap;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .product-variant.open .variant-trigger-price {
  color: #9de992 !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger-arrow {
  justify-self: end;
  width: 8px;
  height: 8px;
  border-right: 2px solid #9d9d9d;
  border-bottom: 2px solid #9d9d9d;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .18s ease;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .product-variant.open .variant-trigger-arrow {
  border-color: var(--pl-green-soft);
  transform: translateY(2px) rotate(-135deg);
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-menu {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 7px) !important;
  z-index: 2700 !important;
  display: none;
  max-height: 280px;
  overflow-y: auto;
  padding: 7px !important;
  border: 1px solid #383838 !important;
  border-radius: 4px !important;
  background: var(--pl-menu) !important;
  box-shadow: var(--pl-menu-shadow) !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .product-variant.open .variant-menu {
  display: block !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-option,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-notify-option {
  width: 100%;
  min-height: 42px !important;
  display: grid !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-sizing: border-box;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-option {
  grid-template-columns: minmax(0,1fr) auto 20px !important;
  color: #ededed !important;
  cursor: pointer;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-option:hover {
  background: #1d1d1d !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-option.active {
  background: linear-gradient(90deg,rgba(69,212,47,.18),rgba(69,212,47,.07)) !important;
  color: #69e755 !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-name {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-price {
  /* All selectable SKU prices stay visually prominent in the dropdown. */
  color: #ffb804 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-option.active .variant-price {
  color: #b7f4ad !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-check {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: transparent;
  color: transparent;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-option.active .variant-check {
  background: var(--pl-green);
  color: var(--pl-green-ink);
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-divider {
  height: 1px;
  margin: 5px 4px;
  background: #303030;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-notify-option {
  grid-template-columns: minmax(0,1fr) auto !important;
  color: #777 !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-notify-option .variant-name {
  color: #858585 !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-notify-option .notify_sku {
  min-width: 0 !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--pl-yellow) !important;
  color: #16110a !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-sold-source {
  display: none !important;
}
/* Partial SKU sold-out: keep the available selection primary while signaling
   that additional variants have Notify-only rows in the same menu. */
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.has-sold-out-skus .variant-trigger {
  border-color: #403a2b !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.has-sold-out-skus .variant-trigger::before {
  content: "";
  width: 6px;
  height: 6px;
  justify-self: start;
  border-radius: 50%;
  background: var(--pl-yellow);
  box-shadow: 0 0 8px rgba(246,178,4,.32);
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.has-sold-out-skus .variant-trigger {
  grid-template-columns: 6px minmax(0,1fr) auto 18px !important;
}
/*
 * Mobile two-column ITEM cards: SKU label, selected price and arrow share
 * ONE line. Reserve a small fixed space for the price/chevron so normal
 * values (250M/S, 160M/S) display fully; only genuinely long names are
 * ellipsized at the END. Desktop menu layout is unchanged.
 */
@media (max-width: 767px) {
  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger {
    height: 40px !important;
    min-height: 40px !important;
    grid-template-columns: minmax(0, 1fr) auto 10px !important;
    grid-template-rows: minmax(0, 1fr) !important;
    -moz-column-gap: 4px !important;
         column-gap: 4px !important;
    row-gap: 0 !important;
    padding: 0 7px !important;
    align-content: center !important;
  }

  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger-text {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: start !important;
    line-height: 1.25 !important;
  }

  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger-price {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0;
    justify-self: end !important;
    /* Small cards still reserve space for long SKU names and the arrow. */
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-trigger-arrow {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end;
    align-self: center;
  }

  /* Sold-out dot floats over the start of the name; it must not consume
   * a fourth grid column or push the SKU label out of the trigger. */
  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.has-sold-out-skus .variant-trigger {
    grid-template-columns: minmax(0, 1fr) auto 10px !important;
  }

  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.has-sold-out-skus .variant-trigger::before {
    position: absolute;
    inset-inline-start: 3px;
    top: 17px;
  }

  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.has-sold-out-skus .variant-trigger-text {
    padding-inline-start: 9px;
    box-sizing: border-box;
  }

  /* Widen the floating option list, not the narrow trigger. The right-hand
   * column anchors to the right, preventing viewport overflow. */
  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-menu {
    box-sizing: border-box;
    width: max(100%, 250px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 0 !important;
    right: auto !important;
  }

  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) :is(.catalog-grid, .pdp-v4-related-grid) > li:nth-child(2n) .variant-menu {
    left: auto !important;
    right: 0 !important;
  }

  /* Match desktop emphasis without crowding two-column mobile cards. */
  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-price {
    font-size: 13px !important;
  }

  /* Options may be longer than the selected label: readable, wrapped. */
  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .variant-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    text-align: start;
    line-height: 1.3;
  }
  /* PDP mobile-only compact SKU popup; normal catalog and desktop retain
   * their original type/spacing. Long names and Notify rows may grow taller
   * than the 32px MINIMUM; the 280px menu keeps its scroll behavior. */
  .lolga-black .pdp-v4-page .pdp-v4-related .variant-trigger-price,
  .lolga-black .pdp-v4-page .pdp-v4-related .variant-price {
    font-size: 12px !important;
  }

  .lolga-black .pdp-v4-page .pdp-v4-related .variant-menu {
    padding: 4px !important;
    max-height: 280px !important;
  }

  .lolga-black .pdp-v4-page .pdp-v4-related .variant-option,
  .lolga-black .pdp-v4-page .pdp-v4-related .variant-notify-option {
    min-height: 32px !important;
    gap: 4px !important;
    padding: 0 9px !important;
  }

}
/* PDP recommendation SKU desktop option rows — never inherit the centered
 * text alignment from the shared product card. Let the FIRST grid column
 * fill its track and align its text to logical start (RTL-safe); the price,
 * active check and sold-out Notify Me action stay at logical end.
 * No catalog or mobile layout rules are changed. */
@media (min-width: 768px) {
  .lolga-black .pdp-v4-page .pdp-v4-related .variant-option,
  .lolga-black .pdp-v4-page .pdp-v4-related .variant-notify-option {
    text-align: start !important;
    justify-items: stretch !important;
  }

  .lolga-black .pdp-v4-page .pdp-v4-related .variant-option .variant-name,
  .lolga-black .pdp-v4-page .pdp-v4-related .variant-notify-option .variant-name {
    width: 100%;
    min-width: 0;
    justify-self: stretch !important;
    text-align: start !important;
  }

  .lolga-black .pdp-v4-page .pdp-v4-related .variant-option .variant-price {
    justify-self: end !important;
    text-align: end !important;
  }

  .lolga-black .pdp-v4-page .pdp-v4-related .variant-option .variant-check,
  .lolga-black .pdp-v4-page .pdp-v4-related .variant-notify-option .notify_sku {
    justify-self: end !important;
  }
}
/* The existing Adopt Me SKU grid is a capability, not a new game-specific
   renderer. Keep li[data-sku-id] and the legacy SKU selection bridge intact. */
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(32px, auto);
  align-items: stretch !important;
  gap: 5px !important;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  list-style: none;
}
/* Exactly two SKUs are stacked full-width; other counts keep existing layout. */
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku:has(> li:nth-child(2):last-child) {
  grid-template-columns: minmax(0, 1fr) !important;
}
/* SKU-count-aware two-row layout, matching the original Adopt Me selector:
   1–2 SKUs: one/two columns; 3–4: two; 5–6: three; 7–8: four.
   Keep DOM order row-major, existing data-sku-id and selection handlers.
   Never create a third row for products with larger SKU sets. */
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku:has(> li:nth-child(5)) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku:has(> li:nth-child(7)) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku:has(> li:nth-child(9)) {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku:has(> li:nth-child(11)) {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku > li {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0 !important;
  position: relative;
  overflow: visible;
  min-height: 32px;
  margin: 0 !important;
  padding: 5px 4px !important;
  border: 1px solid #333 !important;
  border-radius: 8px !important;
  background: #2b2b2b !important;
  color: #ddd !important;
  text-align: center;
  cursor: pointer;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku > li .text-sm {
  display: block !important;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px !important;
  line-height: 1.25 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku > li.is-selected,
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku > li.\!bg-blue-400 {
  border: 2px solid var(--pl-green) !important;
  background: rgba(69, 212, 47, .09) !important;
  color: #fff !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku > li:focus-visible {
  outline: 2px solid var(--pl-green);
  outline-offset: 1px;
}
/* Adopt grid: discount floats above SKU chip instead of wrapping inside it. */
.lolga-black .catalog-page[data-product-family="item"] .good-card .adopt_sku > li :is(.sku_discount,.discount-badge){
 position:absolute;top:-13px;right:0;left:auto;width:-moz-max-content;width:max-content;max-width:95%;height:22px;
 display:inline-flex;align-items:center;justify-content:center;
 padding:0 7px;border:0;border-radius:99px;
 background:#ff7900;color:#fff;font-size:11px;font-weight:800;
 white-space:nowrap;line-height:1;z-index:2;pointer-events:none;
}
/**
 * Product List V3 — Normal ITEM Card Cart Controls
 *
 * PURPOSE:
 *   Reproduce the reference Add-to-Cart -> integrated quantity bar transition.
 *
 * OWNS:
 *   .card-add-btn and .card-qty-main in SAB Normal ITEM cards.
 *
 * MUST NOT:
 *   - fake Cart totals
 *   - replace /cart_add or /cart_operation
 *   - own the global Cart Drawer
 *
 * RELATED JS:
 *   product-card-cart.js
 */
.catalog-page-174 .good-card__sku{ margin: 16px 0 10px}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card__actions,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-cart-shell {
  width: 100%;
  display: block !important;
  margin: 0 !important;
  padding: 0 14px 14px !important;
  box-sizing: border-box;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-legacy {
  display: none !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-add-btn,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-main {
  width: 100%;
  min-height: 44px;
  border-radius: 4px !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-add-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0 !important;
  background: var(--pl-green) !important;
  color: #0c1409 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-add-btn:before{ content: 'Add to Cart'}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-add-btn:hover {
  filter: brightness(1.04);
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-add-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-main {
  display: grid;
  grid-template-columns: 56px 1fr 56px;
  align-items: center;
  overflow: hidden;
  background: #171717;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.in-cart .card-add-btn,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-add-btn[hidden],
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-main[hidden] {
  display: none !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.in-cart {
  box-shadow: none !important;
  outline: none !important;
  border-color: transparent !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.catalog-card.in-cart,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.catalog-card.in-cart:hover {
  box-shadow: none !important;
  outline: none !important;
  border-color: transparent !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card.in-cart .card-qty-main {
  display: grid !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-side {
  height: 44px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #f2f5f7 !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-side svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-main .card-qty-side + .card-qty-count,
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-count + .card-qty-side {
  border-left: 1px solid #2a2a2a;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-count {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-plus {
  background: var(--pl-green) !important;
  color: #0c1409 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-plus:hover {
  filter: brightness(1.04);
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-remove {
  color: #aab3bc !important;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .card-qty-minus {
  color: #d7dde3 !important;
}
/* Single-item sold-out: reuse .variant-trigger colors, typography, border,
 * arrow and hover/focus behavior from variants.css (no second button theme).
 * Unlike a multi-SKU selector this still directly launches Notify Me. */
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .good-card > .notify.soldout-notify-trigger {
  box-sizing: border-box;
  display: grid !important;
  width: calc(100% - 28px) !important;
  grid-template-columns: 6px minmax(0, 1fr) 18px !important;
  margin: 4px 14px 10px !important;
    padding: 10px 12px !important;
    border: 1px solid #353535 !important;
    border-radius: 4px !important;
    background: #383636 !important;
  text-align: start;
}
.lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .soldout-notify-trigger .soldout-notify-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--pl-yellow);
  box-shadow: 0 0 8px rgba(246, 178, 4, .32);
}
/* The shared mobile SKU rule puts normal option labels in grid column 1.
 * This Notify Me button has a leading status dot, so its label lives in 2. */
@media (max-width: 767px) {
  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .soldout-notify-trigger .soldout-notify-dot {
    grid-column: 1;
    grid-row: 1;
  }
  .lolga-black :is(.catalog-page[data-product-family="item"], :where(.pdp-v4-page) .pdp-v4-related) .soldout-notify-trigger .variant-trigger-text {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}
/* Adopt Me combines zero-SKU items with variable-height SKU grids.
   Only these cards need bottom-aligned actions: standard ITEM/Forza cards
   should not inherit extra vertical space from the Adopt-specific layout. */
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card.is-adopt-card > .card-cart-shell {
  margin-top: auto !important;
}
/* Only compact no-SKU ITEM cards. Keep Add/Qty touch sizes and Cart logic. */
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .card-cart-shell {
  padding: 0 8px 8px !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .card-cart-shell .card-add-btn {
  gap: 7px;
  font-size: 13px !important;
}
.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .card-cart-shell .card-add-btn::before{
    content: "Add to Cart";
}
/*.lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .card-cart-shell .card-add-btn svg {*/
/*  width: 16px;*/
/*  height: 16px;*/
/*}*/
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .card-cart-shell {
  margin-top: auto !important;
  padding: 0 14px 16px !important;
}
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .card-cart-shell .card-add-btn {
  gap: 10px;
  font-size: 15px !important;
}
.lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .card-cart-shell .card-add-btn svg {
  width: 18px;
  height: 18px;
}
@media (max-width: 767px) {
  .lolga-black .catalog-page[data-product-family="item"] .site_293_2 .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .card-cart-shell {
    padding: 0 10px 12px !important;
  }
}
/**
 * Product List — shared pagination styling.
 *
 * ALL VIEWPORTS: one styled "Go to page" <details> dropdown;
 *   never expose a browser/OS-native <select> menu.
 * MOBILE (<=767px): hide numbered buttons, retain Prev/Next + page chooser.
 * CHOICES: current response last_page (SSR, Lit or legacy), never hardcoded.
 *
 * RENDER OWNERS: SSR pagination-bar.blade.php, Lit good-card.js,
 *   legacy-product-list.js. All derive page numbers from the live result.
 * JS STATE: pagination-window.js; goods-list.js or legacy product onPage.
 *
 * Keep response paging/history behavior and backend parameter contracts.
 * Do not move mobile pager overrides into product-catalog-v2.css.
 */
.lolga-black .catalog-page[data-product-family="item"] .pagination-bar {
  min-height: 42px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap;
  gap: 18px !important;
  margin: 0 !important;
  padding: 32px 0 20px !important;
  background: transparent !important;
}
.lolga-black .catalog-page[data-product-family="item"] .pagination-bar[hidden] {
  display: none !important;
}
.lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-btn {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #c7c7c7 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}
.lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-btn:hover {
  background: #242424 !important;
  color: #fff !important;
}
.lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-btn.active {
  background: var(--pl-green) !important;
  color: var(--pl-green-ink) !important;
  box-shadow: 0 0 0 1px rgba(69,212,47,.18),0 0 18px rgba(69,212,47,.15) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-btn:disabled {
  display: none !important;
}
.lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-nav {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  border: 1px solid #34343f !important;
  border-radius: 8px !important;
  background: #282832 !important;
  color: #f3f3f5 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-nav:hover {
  background: #30303a !important;
  color: #fff !important;
}
.lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-nav svg {
  display: block;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-nav-label {
  display: none;
}
.lolga-black .catalog-page[data-product-family="item"] .page-ellipsis {
  color: #777;
  font-size: 14px;
}
/*
 * Pagination picker — SINGLE owner: this file.
 * SSR, Lit and legacy share .page-jump-dropdown/.page-jump-option markup.
 * In-page popup avoids system-native menus and retains existing page callbacks.
 * Do not add overrides in responsive.css or product-catalog-v2.css.
 */
.lolga-black .catalog-page .page-jump-label {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  color: #efeff3;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.lolga-black .catalog-page .page-jump-dropdown {
  position: relative;
  display: block;
  flex: 0 0 auto;
  color: #efeff3;
}
.lolga-black .catalog-page .page-jump-dropdown[open] {
  z-index: 80;
}
.lolga-black .catalog-page .page-jump-dropdown > summary {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 102px;
  height: 48px;
  padding: 0 14px;
  list-style: none;
  cursor: pointer;
  border: 1px solid #3b3c48;
  border-radius: 9px;
  background: #282934;
  color: #f7f7fa;
  font-size: 18px;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.lolga-black .catalog-page .page-jump-dropdown > summary::-webkit-details-marker {
  display: none;
}
.lolga-black .catalog-page .page-jump-dropdown > summary:focus-visible,
.lolga-black .catalog-page .page-jump-dropdown[open] > summary {
  outline: none;
  border-color: #5084fb;
  box-shadow: 0 0 0 2px #5084fb;
}
.lolga-black .catalog-page .page-jump-dropdown > summary svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  fill: none;
  stroke: #c5c7d2;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .18s ease;
}
.lolga-black .catalog-page .page-jump-dropdown[open] > summary svg {
  transform: rotate(180deg);
}
/* Prevent author-defined grid from forcing an unopened details menu visible. */
.lolga-black .catalog-page .page-jump-dropdown:not([open]) > .page-jump-dropdown-menu {
  display: none;
}
.lolga-black .catalog-page .page-jump-dropdown-menu {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 81;
  display: grid;
  width: 138px;
  max-height: min(272px, 46vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 5px;
  border: 1px solid #353643;
  border-radius: 12px;
  background: #1d1e28;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .48);
  scrollbar-width: thin;
  scrollbar-color: #454657 transparent;
}
.lolga-black .catalog-page .page-jump-dropdown-menu::-webkit-scrollbar {
  width: 5px;
}
.lolga-black .catalog-page .page-jump-dropdown-menu::-webkit-scrollbar-thumb {
  background: #454657;
  border-radius: 999px;
}
.lolga-black .catalog-page .page-jump-option {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  width: 100%;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #ececf2;
  text-align: left;
  font-size: 17px;
  font-weight: 450;
  text-decoration: none;
  cursor: pointer;
}
.lolga-black .catalog-page .page-jump-option:hover,
.lolga-black .catalog-page .page-jump-option:focus-visible {
  outline: none;
  background: #2a2b37;
  color: #fff;
}
.lolga-black .catalog-page .page-jump-option:focus-visible {
  box-shadow: inset 0 0 0 1px #5084fb;
}
.lolga-black .catalog-page .page-jump-option.active,
.lolga-black .catalog-page .page-jump-option[aria-current="page"] {
  background: #2b2c39;
  color: #fff;
  font-weight: 550;
}
/* One CSS check mark works for both <a> (SSR) and <button> (Lit/legacy). */
.lolga-black .catalog-page .page-jump-option[aria-current="page"]::after {
  content: "";
  justify-self: center;
  width: 7px;
  height: 12px;
  margin-top: -4px;
  border-right: 2px solid #d1d3df;
  border-bottom: 2px solid #d1d3df;
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .lolga-black .catalog-page .pagination-bar {
    flex-wrap: nowrap;
    gap: 10px;
  }

  .lolga-black .catalog-page .pagination-bar .page-number,
  .lolga-black .catalog-page .pagination-bar .page-ellipsis {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lolga-black .catalog-page .page-jump-dropdown > summary svg {
    transition: none;
  }
}
/**
 * Product List V3 — Normal ITEM Responsive
 *
 * PURPOSE:
 *   Reference 5/4/3/2-column layout and mobile catalog controls.
 *
 * OWNS:
 *   Cross-component breakpoints for the SAB reference case.
 */
/* Mobile ITEM-only search-adjacent results metadata. Hide on desktop.
   The count and sort are separate from the Filter drawer's active-count badge. */
.lolga-black .catalog-page[data-product-family="item"] .catalog-mobile-results {
  display: none;
}
@media (max-width: 1280px) {
  .lolga-black .catalog-page[data-product-family="item"] .catalog-grid {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  }
}
@media (max-width: 1024px) {
  .lolga-black .catalog-page[data-product-family="item"] .catalog-grid {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 12px !important;
  }

}
@media (max-width: 767px) {
  .lolga-black .catalog-page[data-product-family="item"] .product-wrap {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 12px !important;
  }

  /* Normal ITEM compact category v1 — only enabled by JS after capability check. */
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head,
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-path {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .lolga-black .catalog-page[data-product-family="item"] [data-mobile-category-head][hidden],
  .lolga-black .catalog-page[data-product-family="item"] [data-mobile-category-path][hidden] {
    display: none !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head {
    margin: 0;
    padding: 0 2px;
    color: #f4f4f4;
    font-size: 13px;
    font-weight: 750;
  }

  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head button,
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-path button {
    flex: 0 0 auto;
    border: 0 !important;
    background: transparent !important;
    color: #6feb5c !important;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
  }
  /* Keep All (N) and the real chevron on one vertically aligned baseline. */
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head button[data-mobile-category-toggle] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end;
    gap: 4px;
    padding: 4px 0 !important;
    line-height: 1 !important;
    white-space: nowrap;
  }
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head [data-mobile-category-toggle-label],
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head [data-mobile-category-toggle-count] {
    display: inline-block;
    line-height: 1;
  }
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head [data-mobile-category-toggle-count][hidden] {
    display: none !important;
  }
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head [data-mobile-category-toggle-icon] {
    display: block;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    transition: transform .18s ease;
  }
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head button[aria-expanded="true"] [data-mobile-category-toggle-icon] {
    transform: rotate(180deg);
  }
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head button[hidden] {
    display: none !important;
  }
  @media (prefers-reduced-motion: reduce) {
    .lolga-black .catalog-page[data-product-family="item"] .mobile-category-head [data-mobile-category-toggle-icon] {
      transition: none;
    }
  }
  .lolga-black .catalog-page[data-product-family="item"] .catalog-mobile-categories-ready .category-row:not(.is-letter-sort) > .category-chip.is-mobile-collapsed {
    display: none !important;
  }
  .lolga-black .catalog-page[data-product-family="item"] .mobile-category-path {
    min-width: 0;
    margin-top: 7px;
    padding: 12px 2px 8px;
    border-top: 1px solid #292929;
  }
  .lolga-black .catalog-page[data-product-family="item"] [data-mobile-category-path-text] {
    flex: 1 1 auto;
    min-width: 0;
    color: #69e554;
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Child Category dialog is mounted directly on body. The original hidden
     .classify_sub remains untouched for legacy delegated click handlers. */
  body.lolga-black .mobile-category-modal-shade {
    position: fixed;
    inset: 0;
    z-index: 2150;
    background: rgba(0, 0, 0, .72);
  }
  body.lolga-black .mobile-category-sub-sheet {
    position: fixed;
    inset: auto 0 0;
    z-index: 2152;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: min(80dvh, 760px);
    max-height: min(80dvh, 760px);
    padding: 0 14px 14px;
    border-radius: 18px 18px 0 0;
    background: #1d1e22;
    color: #eee;
    box-shadow: 0 -12px 36px rgba(0,0,0,.42);
  }
  body.lolga-black .mobile-category-sub-head {
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #313139;
    font-size: 16px;
    font-weight: 750;
  }
  body.lolga-black .mobile-category-sub-head button {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    color: #eee;
    font-size: 28px;
    cursor: pointer;
  }
  body.lolga-black .mobile-category-sub-options {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    padding: 8px 4px 18px;
    scrollbar-width: thin;
    scrollbar-color: #878787 #2a2a2a;
  }
  body.lolga-black .mobile-category-sub-option {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: #eee;
    text-align: left;
    font-size: 13px;
    cursor: pointer;
  }
  body.lolga-black .mobile-category-sub-option.is-selected {
    background: #24372a;
    color: #7aea68;
    font-weight: 750;
  }
  body.lolga-black .mobile-category-sub-option.is-selected::after {
    content: "✓";
    float: right;
    color: #79eb65;
  }
  body.lolga-black.catalog-mobile-sub-open {
    overflow: hidden !important;
  }

  /* Once compact mode is active, native expanded subcategory panels are
     never painted behind the independent dialog; they stay as data/handlers. */
  .lolga-black .catalog-page[data-product-family="item"] .catalog-mobile-categories-ready .classify_sub {
    display: none !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .category-chip > .truncate {
    padding-right: 0;
  }

  .lolga-black .catalog-page[data-product-family="item"] .category-chip.has-promo-badge > .truncate {
    padding-right: 20px;
  }

  .lolga-black .catalog-page[data-product-family="item"] .category-promo-badge {
    top: 4px !important;
    right: 6px !important;
    width: 23px !important;
  }

  /* ITEM and Player share this one phone Search + Filter toolbar. */
  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-mobile-bar {
    width: 100%;
    min-height: 64px;
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 8px 0 !important;
    background: var(--pl-bg, #101010) !important;
  }

  /* Plain-text result count and sort: compact, no container card or separator. */
  .lolga-black .catalog-page[data-product-family="item"] .catalog-mobile-results {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 28px;
    padding: 1px 2px 2px;
    margin: 0 0 5px;
    color: #a7a7a7;
    background: transparent;
    border: 0;
    font-size: 13px;
    line-height: 20px;
  }
  .lolga-black .catalog-page[data-product-family="item"] .catalog-mobile-results-count {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-variant-numeric: tabular-nums;
  }
  .lolga-black .catalog-page[data-product-family="item"] .catalog-mobile-results-sort {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-height: 30px;
    padding: 2px 0 2px 6px;
    color: #f0f0f0;
    background: transparent !important;
    border: 0 !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
  }
  .lolga-black .catalog-page[data-product-family="item"] .catalog-mobile-results-sort[hidden] {
    display: none !important;
  }
  .lolga-black .catalog-page[data-product-family="item"] .catalog-mobile-results-sort svg {
    display: block;
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
  }
  .lolga-black .catalog-page[data-product-family="item"] .catalog-mobile-results-sort:focus-visible {
    outline: 2px solid #61e84b;
    outline-offset: 4px;
    border-radius: 3px;
  }
  body.lolga-black .mobile-results-sort-backdrop {
    position: fixed;
    inset: 0;
    z-index: 2190;
    background: rgba(0,0,0,.64);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
  body.lolga-black .mobile-results-sort-sheet {
    position: fixed;
    inset: auto 0 0;
    z-index: 2191;
    box-sizing: border-box;
    width: 100%;
    max-height: min(72dvh, 540px);
    padding: 0 16px max(20px, env(safe-area-inset-bottom));
    border-radius: 18px 18px 0 0;
    background: #1e1f26;
    color: #f7f7fa;
    box-shadow: 0 -12px 40px rgba(0,0,0,.35);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  body.lolga-black .mobile-results-sort-head {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 16px;
    font-weight: 700;
  }
  body.lolga-black .mobile-results-sort-head::before {
    content: "";
    position: absolute;
    top: 10px;
    left: calc(50% - 20px);
    width: 40px;
    height: 4px;
    border-radius: 4px;
    background: #363744;
  }
  body.lolga-black .mobile-results-sort-close {
    position: absolute;
    right: 0;
    top: 10px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #f2f2f6;
    font-size: 27px;
    cursor: pointer;
  }
  body.lolga-black .mobile-results-sort-option {
    width: 100%;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #ebebef;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
  }
  body.lolga-black .mobile-results-sort-option.is-selected {
    background: #292b37;
    color: #fff;
  }
  body.lolga-black .mobile-results-sort-option.is-selected::after {
    content: "✓";
    color: #fff;
    font-size: 18px;
  }
  body.lolga-black.mobile-results-sort-open {
    overflow: hidden !important;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-mobile-bar .catalog-search {
    flex: 1 1 auto;
    min-width: 0;
    height: 48px !important;
    padding: 0 14px !important;
    border: 1px solid #313131 !important;
    border-radius: 4px !important;
    background: #171717 !important;
    color: #ececec !important;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-mobile-bar .mobile-filter-btn {
    flex: 0 0 auto;
    min-width: 102px;
    height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 1.5px solid #45d42f !important;
    border-radius: 8px !important;
    background: #152114 !important;
    color: #7aec68 !important;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 0 0 1px rgba(69,212,47,.1) !important;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-mobile-bar .mobile-filter-count {
    display: inline-grid;
    place-items: center;
    min-width: 17px;
    height: 17px;
    padding-inline: 4px;
    background: #45d42f;
    color: #10200b;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-mobile-bar .mobile-filter-count[hidden] {
    display: none !important;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-mobile-bar .mobile-filter-btn svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
  }

  .lolga-black .catalog-page:is([data-product-family="item"], [data-product-family="player"], .catalog-account-toolbar) .catalog-filter.catalog-has-drawer {
    display: none !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .catalog-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .product-list-tips {
    margin-bottom: 14px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .good-card__name,
  .lolga-black .catalog-page[data-product-family="item"] .product_name_box {
    padding: 7px 10px 0 !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .product-name-slot {
    height: 36px;
  }

  .lolga-black .catalog-page[data-product-family="item"] .product_name {
    max-height: 36px;
    font-size: 12.5px !important;
    line-height: 18px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .good-card > p.h-5 {
    padding-inline: 10px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .good-card__price-wrap,
  .lolga-black .catalog-page[data-product-family="item"] .good-card__sku > .good-card__price.one_sku {
    padding: 8px 10px 10px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .product-variant-block,
  .lolga-black .catalog-page[data-product-family="item"] .good-card__sku.product-variant-block {
    padding-inline: 10px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .variant-trigger {
    height: 38px;
    padding-inline: 10px !important;
    font-size: 11px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .variant-trigger-price {
    font-size: 13px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .good-card__actions,
  .lolga-black .catalog-page[data-product-family="item"] .card-cart-shell {
    padding: 0 10px 12px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .card-add-btn,
  .lolga-black .catalog-page[data-product-family="item"] .card-qty-main {
    min-height: 46px;
  }

  .lolga-black .catalog-page[data-product-family="item"] .card-qty-main {
    grid-template-columns: 46px 1fr 46px;
  }

  .lolga-black .catalog-page[data-product-family="item"] .card-qty-side,
  .lolga-black .catalog-page[data-product-family="item"] .card-qty-count {
    height: 46px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .pagination-bar {
    min-height: 50px;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    padding: 28px 0 24px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-number,
  .lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-ellipsis {
    display: none !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-nav {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid #34343f !important;
    border-radius: 7px !important;
    background: #282832 !important;
    color: #f3f3f5 !important;
    box-shadow: none !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-nav:hover {
    background: #30303a !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-nav:disabled {
    display: inline-grid !important;
    opacity: .35;
    cursor: default;
  }

  .lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-nav svg {
    display: block;
    width: 23px;
    height: 23px;
  }

  .lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-nav-label {
    display: none;
  }

  .lolga-black .catalog-page[data-product-family="item"] .catalog-seo > *,
  .lolga-black .catalog-page[data-product-family="item"] .catalog-disclaimer {
    width: calc(100% - 24px);
  }

  @media (max-width: 390px) {
    .lolga-black .catalog-page[data-product-family="item"] .pagination-bar {
      gap: 7px !important;
    }

    .lolga-black .catalog-page[data-product-family="item"] .pagination-bar .page-nav {
      width: 44px !important;
      min-width: 44px !important;
      height: 44px !important;
    }

  }

}
@media (max-width: 767px) {
  .lolga-black .catalog-page .lolga-letter-filter.cate_filter {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 0 8px !important;
    scrollbar-width: none;
    touch-action: pan-x;
  }

  .lolga-black .catalog-page .lolga-letter-filter.cate_filter::-webkit-scrollbar {
    display: none;
  }

  .lolga-black .catalog-page[data-product-family="item"] .category-row.is-letter-sort {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: 38px;
    max-height: 176px;
    flex-wrap: initial !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    gap: 8px !important;
    padding: 0 !important;
    touch-action: auto;
  }

  .lolga-black .catalog-page[data-product-family="item"] .catalog-brand-head {
    align-items: flex-start;
    gap: 10px;
  }

  .lolga-black .catalog-page[data-product-family="item"] .catalog-brand-search {
    flex: 1 0 100%;
  }
}
/* Two-column mobile compact no-SKU ITEM presentation. Qty stays 46px. */
@media (max-width: 767px) {
  .lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .good-card__name {
    padding: 3px 8px 0 !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) .product-name-slot {
    height: 34px;
  }

  .lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) .product_name {
    max-height: 34px;
    font-size: 12px !important;
    line-height: 17px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .good-card__price-wrap {
    padding: 8px 8px 13px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .good-card__price-wrap .sell_price {
    font-size: 14px !important;
  }

  .lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap) > .card-cart-shell {
    padding: 0 8px 8px !important;
  }
}
/* Same plain-card alignment on mobile; keep 34px to fit two 17px lines.
   Compact price-wrap remains the existing 8px horizontal layout. */
@media (max-width: 767px) {
  .lolga-black .catalog-page[data-product-family="item"] .good-card.catalog-card:not(.is-adopt-card):not(.is-boosting):not(.is-display-only):not(.is-presale):has(> .good-card__price-wrap):not(.is-set):not(.is-sold-out):not(:has(> p.h-5)):not(:has(> .good-card__name > p)) > .good-card__price-wrap {
    padding-top: 6px !important;
  }
}
/**
 * Product List V3 — Gold Temp / Gold Custom
 *
 * Visual-only family layer. Gold Temp and Gold Custom keep their existing
 * pricing/cart adapters; this file owns the shared dark Product List surface.
 */
.lolga-black .catalog-page[data-product-family="gold"] {
  --gold-bg: #101010;
  --gold-panel: #202020;
  --gold-panel-alt: #181818;
  --gold-control: #171717;
  --gold-line: #313131;
  --gold-line-strong: #3a3a3a;
  --gold-text: #f3f3f3;
  --gold-muted: #8c8c8c;
  --gold-green: #45d42f;
  --gold-yellow: #f6b204;
  background: var(--gold-bg) !important;
  color: var(--gold-text);
}
.lolga-black .catalog-page[data-product-family="gold"] .catalog-body {
  padding: 0 !important;
  background: var(--gold-bg) !important;
  color: var(--gold-text);
}
.lolga-black .catalog-page[data-product-family="gold"] .catalog-hero,
.lolga-black .catalog-page[data-product-family="gold"] [data-roblox-attr],
.lolga-black .catalog-page[data-product-family="gold"] .catalog-mobile-bar {
  display: none !important;
}
/* Gold-specific Region / Server picker.
   Gold always has a server; Region is optional. Switching is URL-driven so
   the Gold Temp request always boots with the matching server model. */
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-picker {
  margin: 24px 0 0;
}
/* Region pills: icon-free outline selection consistent across all Gold lists. */
.lolga-black .catalog-page[data-product-family="gold"] .gold-region-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-region-tab {
  min-width: 60px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid #303030;
  border-radius: 8px;
  background: #202020;
  color: #bbb;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-region-tab:hover {
  color: #fff;
  border-color: #4b4b4b;
  background: #242424;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-region-tab.is-active {
  border-color: var(--gold-green);
  background: rgba(69, 212, 47, .08);
  color: #6eee57;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-region-tab:focus-visible {
  outline: 2px solid var(--gold-green);
  outline-offset: 2px;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-purchase-alert {
  margin: 12px 0 0;
  color: #ff4d4f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-purchase-alert[hidden] {
  display: none !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-card {
  min-height: 88px;
  display: grid;
  grid-template-columns: 170px minmax(260px, 1fr) minmax(190px, .72fr);
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid #292929;
  border-radius: 12px;
  background: #202020;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 12px;
  border-left: 3px solid var(--gold-green);
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-label > span {
  color: #fff;
  font-size: 13px;
  font-weight: 850;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-label > small {
  color: #777;
  font-size: 10px;
  line-height: 1.35;
}
/* One searchable field + an option list: remove the former two-step search UI. */
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-select-wrap {
  position: relative;
  min-width: 0;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-picker.is-open .gold-server-select-wrap {
  z-index: 40;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-select {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  pointer-events: none;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-combobox {
  display: flex;
  align-items: center;
  min-height: 48px;
  width: 100%;
  border: 1px solid var(--gold-line-strong);
  border-radius: 7px;
  background: var(--gold-control);
  color: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-combobox:focus-within,
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-picker.is-open .gold-server-combobox {
  border-color: #686868;
  box-shadow: 0 0 0 2px rgba(175, 175, 175, .12);
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-combobox:has(.gold-server-search[aria-invalid="true"]) {
  border-color: var(--gold-yellow);
  box-shadow: 0 0 0 2px rgba(246, 178, 4, .18);
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-search-icon {
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  margin-left: 14px;
  pointer-events: none;
  color: #fff;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-search {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 46px;
  padding: 0 10px 0 12px;
  border: 0 !important;
  border-radius: 0;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #fff !important;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  /* Keep the placeholder and confirmed server immediately after the icon.
     Input text previously inherited centering from surrounding layout. */
  text-align: left;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
/* iOS Safari zooms focused inputs whose computed font size is below 16px.
   Restrict the adjustment to phones; desktop Gold search remains compact. */
@media (max-width: 767px) {
  .lolga-black .catalog-page[data-product-family="gold"] .gold-server-search {
    font-size: 16px;
  }
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-search::-moz-placeholder {
  color: #898989;
  opacity: 1;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-search::placeholder {
  color: #898989;
  opacity: 1;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-search::-webkit-search-cancel-button {
  cursor: pointer;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-toggle {
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-toggle:focus-visible {
  outline: 2px solid var(--gold-green);
  outline-offset: -4px;
  border-radius: 6px;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-chevron {
  width: 18px;
  height: 18px;
  transform: rotate(180deg);
  transition: transform .15s ease;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-picker.is-open .gold-server-chevron {
  transform: rotate(0);
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-error {
  margin: 7px 0 0;
  color: #f6b204;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-error[hidden],
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-menu[hidden],
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-empty[hidden] {
  display: none !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-menu {
  position: absolute;
  z-index: 1;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  max-height: min(330px, 65dvh);
  margin: 0;
  padding: 0;
  border: 1px solid var(--gold-line-strong);
  border-radius: 6px;
  background: var(--gold-panel-alt);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .35);
  overflow: hidden;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-options {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-option {
  display: block;
  width: 100%;
  min-height: 46px;
  padding: 11px 16px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  border-radius: 0;
  background: transparent;
  color: #ccc;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-option:last-child {
  border-bottom: 0;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-option:hover,
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-option:focus-visible {
  background: #242b23;
  color: #fff;
  outline: none;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-option[aria-selected="true"] {
  background: rgba(69, 212, 47, .10);
  color: var(--gold-green);
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-empty {
  padding: 14px 16px;
  color: #ccc;
  font-size: 13px;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 16px;
  border-left: 1px solid #303030;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-meta > span {
  color: #777;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-server-meta > strong {
  color: #ddd;
  font-size: 12px;
  font-weight: 800;
}
/* Shared Gold purchase surface */
.lolga-black .catalog-page[data-product-family="gold"] .games_product {
  padding: 0 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-panel {
  margin: 14px 0 30px !important;
  border: 1px solid #292929 !important;
  border-radius: 16px !important;
  background: var(--gold-panel) !important;
  color: var(--gold-text) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.2);
  overflow: hidden;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-temp-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.75fr) minmax(300px, .8fr);
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-config-panel {
  width: auto !important;
  padding: 22px !important;
  border-right: 1px solid #2a2a2a;
  border-radius: 0 !important;
  background: var(--gold-panel) !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-summary-panel {
  width: auto !important;
  padding: 24px !important;
  border-radius: 0 !important;
  background: var(--gold-panel-alt) !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-delivery,
.lolga-black .catalog-page[data-product-family="gold"] .gold-popular {
  margin: 0 0 22px !important;
  padding: 0 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-delivery > p,
.lolga-black .catalog-page[data-product-family="gold"] .gold-popular > p {
  margin: 0 0 10px !important;
  color: #d9d9d9 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-delivery > div {
  width: auto !important;
  min-height: 40px;
  display: inline-flex !important;
  padding: 0 14px !important;
  border: 1px solid rgba(69,212,47,.55) !important;
  border-radius: 10px !important;
  background: rgba(69,212,47,.07) !important;
  color: var(--gold-green) !important;
  font-size: 13px !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-amount-chips {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-amount-chip {
  position: relative;
  overflow: visible;
  min-height: 42px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid #303030 !important;
  border-radius: 4px !important;
  background: var(--gold-control) !important;
  color: #ddd !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-amount-chip:hover {
  border-color: #4a4a4a !important;
  background: #1d1d1d !important;
  color: #fff !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-amount-chip.is-active {
  border-color: var(--gold-green) !important;
  background: var(--gold-green) !important;
  color: #071006 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-discount-badge {
  position: absolute;
  top: -8px;
  right: -6px;
  z-index: 2;
  min-width: 42px;
  min-height: 20px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: #7f7cf6 !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0,0,0,.24);
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-amount-chip.is-active .gold-discount-badge {
  background: #f6b204 !important;
  color: #181200 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-amount-chip > span:first-child:not(:last-child) {
  background: var(--gold-yellow) !important;
  color: #181200 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-load-status {
  min-height: 38px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 22px;
  border-bottom: 1px solid #2b2b2b;
  background: #191919;
  color: #777;
  font-size: 11px;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-load-status[hidden] {
  display: none !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-custom-qty {
  margin: 0;
  padding: 18px 0 0;
  border-top: 1px solid #2e2e2e;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-custom-qty-label {
  margin: 0 0 10px;
  color: #ddd;
  font-size: 13px;
  font-weight: 850;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-step-copy {
  margin: 8px 0 0;
  color: #6f6f6f;
  font-size: 10px;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-qty-control {
  min-height: 56px;
  margin: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
  background: transparent !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-qty-btn {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: inline-grid !important;
  place-items: center;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #343434 !important;
  border-radius: 11px !important;
  background: var(--gold-control) !important;
  color: #ddd !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-qty-btn:hover {
  border-color: var(--gold-green) !important;
  color: var(--gold-green) !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-qty-btn:disabled,
.lolga-black .catalog-page[data-product-family="gold"] .gold-btn:disabled,
.lolga-black .catalog-page[data-product-family="gold"] .gold-qty-input:disabled {
  cursor: not-allowed !important;
  opacity: .42;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-qty-input-wrap {
  min-height: 52px;
  margin: 0 !important;
  border: 1px solid #343434 !important;
  border-radius: 11px !important;
  background: var(--gold-control) !important;
  overflow: hidden;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-qty-input {
  height: 50px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-qty-input:focus {
  box-shadow: inset 0 0 0 1px #808080 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-summary-head {
  margin: 0 0 18px !important;
  padding: 0 0 16px !important;
  border-color: #2d2d2d !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-summary-head img {
  width: 42px !important;
  height: 42px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-summary-head h2 {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-summary-rows {
  margin-bottom: 18px !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-summary-rows > div {
  min-height: 34px;
  color: #eee;
  font-size: 13px;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-summary-rows > div > span:first-child {
  color: var(--gold-muted) !important;
  font-weight: 600;
}
.lolga-black .catalog-page[data-product-family="gold"] [data-gold-del-wrap] {
  color: #777 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-total-price,
.lolga-black .catalog-page[data-product-family="gold"] [data-gold-price] {
  color: var(--gold-yellow) !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-actions {
  /* Temp/MG use a plain div, so gap needs a real layout mode.
     Custom keeps existing two-column desktop / one-column mobile grid. */
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-btn {
  min-height: 48px;
  margin: 0 !important;
  border-radius: 11px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-btn:hover {
  transform: translateY(-1px);
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-btn-primary {
  border: 1px solid var(--gold-green) !important;
  background: var(--gold-green) !important;
  color: #071006 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-btn-secondary {
  border: 1px solid #363636 !important;
  background: #242424 !important;
  color: #eee !important;
}
/* Gold Temp mobile shortcut: only a secondary view of the original buy action.
   Keep it outside .gold-panel so the panel's overflow does not clip it. */
.lolga-black .catalog-page[data-product-family="gold"] .gold-sticky-buy {
  display: none;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-sticky-buy[hidden] {
  display: none !important;
}
/* Gold Custom */
.lolga-black .catalog-page[data-product-family="gold"][data-gold-renderer="custom"] .gold-custom {
  display: grid !important;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1.55fr);
  gap: 0 !important;
  padding: 0 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-custom-art {
  width: auto !important;
  padding: 24px !important;
  background: var(--gold-panel-alt);
}
/*.lolga-black .catalog-page[data-product-family="gold"] .gold-custom-art img {*/
/*  width: 100%;*/
/*  max-width: 420px;*/
/*  height: 100%;*/
/*  max-height: 420px;*/
/*  margin: 0 auto;*/
/*  border-radius: 12px !important;*/
/*  object-fit: contain;*/
/*  background: #141414;*/
/*}*/
.lolga-black .catalog-page[data-product-family="gold"] .gold-custom-content {
  width: auto !important;
  padding: 28px !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-custom-guide {
  margin: 0 0 24px !important;
  padding: 18px 20px !important;
  border: 1px solid #2d2d2d;
  border-radius: 12px;
  background: #1b1b1b;
  color: #bcbcbc;
  font-size: 13px;
  line-height: 1.55;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-custom-guide h2 {
  margin: 14px 0 6px !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.3;
  font-weight: 800 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-custom-guide h2:first-child {
  margin-top: 0 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-custom-guide img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-custom-purchase {
  margin-top: 0 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-limit-row {
  margin: 8px 0 18px !important;
  color: #888 !important;
  font-size: 12px !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-total-row {
  justify-content: flex-end !important;
  gap: 22px !important;
  margin: 0 0 20px !important;
  padding: 16px 0 !important;
  border-top: 1px solid #2d2d2d;
  border-bottom: 1px solid #2d2d2d;
  color: #bbb;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-total-row > div {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 14px !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-total-row b {
  color: #fff;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-total-row .gold-total-price {
  margin-left: 6px;
  color: var(--gold-yellow) !important;
  font-size: 24px;
}
.lolga-black .catalog-page[data-product-family="gold"] .gold-custom .gold-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 900px) {
  .lolga-black .catalog-page[data-product-family="gold"] .gold-server-card {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-server-meta {
    padding: 10px 0 0;
    border-left: 0;
    border-top: 1px solid #303030;
  }


  .lolga-black .catalog-page[data-product-family="gold"] .gold-temp-layout,
  .lolga-black .catalog-page[data-product-family="gold"][data-gold-renderer="custom"] .gold-custom {
    grid-template-columns: 1fr !important;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-config-panel {
    border-right: 0;
    border-bottom: 1px solid #2a2a2a;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-custom-art {
    display: none !important;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-amount-chips {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  }
}
@media (max-width: 699px) {
  .lolga-black .catalog-page[data-product-family="gold"] .gold-panel {
    margin-top: 14px !important;
    border-radius: 13px !important;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-config-panel,
  .lolga-black .catalog-page[data-product-family="gold"] .gold-summary-panel,
  .lolga-black .catalog-page[data-product-family="gold"] .gold-custom-content {
    padding: 10px !important;
  }

  /* Four compact 44px+ tap targets on phones, including 320px devices. */
  .lolga-black .catalog-page[data-product-family="gold"] .gold-amount-chips {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 6px !important;
  }
  .lolga-black .catalog-page[data-product-family="gold"] .gold-amount-chip {
    min-width: 0;
    min-height: 44px;
    padding: 0 3px !important;
    font-size: clamp(11px, 3.3vw, 14px) !important;
    white-space: nowrap;
  }

  /* Floats ONLY while the original Buy Now is farther down the page. */
  .lolga-black .catalog-page[data-product-family="gold"] .gold-sticky-buy {
    position: fixed;
    left: max(8px, env(safe-area-inset-left));
    right: max(8px, env(safe-area-inset-right));
    bottom: calc(8px + env(safe-area-inset-bottom));
    z-index: 1500;
    display: block;
    pointer-events: none;
  }
  .lolga-black .catalog-page[data-product-family="gold"] .gold-sticky-buy-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 50px;
    padding: 10px 14px;
    border: 0;
    border-radius: 12px;
    background: var(--gold-green);
    color: #071006;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: 0 10px 28px rgba(0,0,0,.36);
    pointer-events: auto;
    cursor: pointer;
  }
  .lolga-black .catalog-page[data-product-family="gold"] .gold-sticky-buy-btn:disabled {
    cursor: not-allowed;
    opacity: .55;
  }
  .lolga-black .catalog-page[data-product-family="gold"] .gold-sticky-buy-btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-qty-btn {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-qty-input-wrap {
    min-height: 46px;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-qty-input {
    height: 44px !important;
    font-size: 18px !important;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-custom .gold-actions {
    grid-template-columns: 1fr !important;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-custom .gold-actions .gold-btn {
    margin: 0 !important;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .gold-total-row {
    justify-content: space-between !important;
    gap: 12px !important;
  }
}
/* mg_gold keeps its distinct purchase adapter and data table. */
.lolga-black .catalog-page[data-product-family="gold"][data-gold-renderer="mg"] .mg-gold-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(300px, .78fr);
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-info {
  width: auto !important;
  padding: 22px !important;
  border-right: 1px solid #2a2a2a;
  border-radius: 0 !important;
  background: var(--gold-panel) !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid #2d2d2d;
  border-radius: 12px;
  background: #181818 !important;
  color: #ddd;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table thead tr {
  background: #151515 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table th {
  padding: 12px 10px !important;
  color: #8f8f8f !important;
  font-size: 12px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table tbody tr {
  background: #202020 !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table tbody tr:nth-child(even) {
  background: #1c1c1c !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table td {
  padding: 14px 10px !important;
  border-top: 1px solid #2b2b2b !important;
  color: #e6e6e6;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table img {
  max-width: 50px;
  height: auto;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-notes {
  margin: 14px 0 0 !important;
  padding: 16px 18px !important;
  border: 1px solid #2d2d2d;
  border-radius: 12px !important;
  background: #181818 !important;
  color: #aaa;
  font-size: 12px;
  line-height: 1.55;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-purchase {
  width: auto !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-qty {
  margin: 0 0 12px !important;
  border: 0 !important;
  background: transparent !important;
}
.lolga-black .catalog-page[data-product-family="gold"] .mg-gold-chips {
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
}
@media (max-width: 900px) {
  .lolga-black .catalog-page[data-product-family="gold"][data-gold-renderer="mg"] .mg-gold-layout {
    grid-template-columns: 1fr !important;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .mg-gold-info {
    border-right: 0;
    border-bottom: 1px solid #2a2a2a;
  }
}
@media (max-width: 699px) {
  .lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table {
    font-size: 11px;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table th,
  .lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table td {
    padding: 10px 6px !important;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .mg-gold-table img {
    max-width: 36px;
  }

  .lolga-black .catalog-page[data-product-family="gold"] .mg-gold-chips {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}
/**
 * Product List V3 — Player
 *
 * Visual-only family layer. Player keeps its backend-rendered rows and regular
 * cart adapter. This file removes the white/gray legacy table skin.
 */
.lolga-black .catalog-page[data-product-family="player"] {
  --player-bg: #101010;
  --player-panel: #202020;
  --player-panel-alt: #1c1c1c;
  --player-line: #303030;
  --player-text: #f2f2f2;
  --player-muted: #8b8b8b;
  --player-green: #45d42f;
  --player-yellow: #f6b204;
  background: var(--player-bg) !important;
  color: var(--player-text);
}
.lolga-black .catalog-page[data-product-family="player"] .catalog-body {
  padding: 0 !important;
  background: var(--player-bg) !important;
  color: var(--player-text);
}
.lolga-black .catalog-page[data-product-family="player"] .catalog-hero,
.lolga-black .catalog-page[data-product-family="player"] [data-roblox-attr] {
  display: none !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-shell {
  margin: 20px 0 30px !important;
  overflow: hidden;
  border: 1px solid #2b2b2b !important;
  border-radius: 14px !important;
  background: var(--player-panel) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.18) !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-table-head {
  min-height: 46px;
  align-items: center;
  margin: 0 !important;
  padding: 0 16px !important;
  border-bottom: 1px solid #313131;
  background: #171717 !important;
  color: #858585 !important;
  font-size: 11px !important;
  line-height: 1.2;
  font-weight: 750 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.lolga-black .catalog-page[data-product-family="player"] .player-board {
  min-height: 74px;
  align-items: center;
  margin: 0 !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #2b2b2b !important;
  background: var(--player-panel) !important;
  color: #dcdcdc !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-board:nth-of-type(even) {
  background: var(--player-panel-alt) !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-board:last-of-type {
  border-bottom: 0 !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-main p {
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.25;
  font-weight: 800 !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-main ol {
  margin: 5px 0 0 !important;
  color: var(--player-muted) !important;
  font-size: 11px !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-main ol svg {
  color: #666 !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-position {
  color: #bcbcbc !important;
  font-size: 12px;
  font-weight: 700 !important;
}
.lolga-black .catalog-page[data-product-family="player"] .info-rate {
  min-width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  padding: 0 8px;
  border: 1px solid rgba(246,178,4,.45);
  border-radius: 9px;
  background: rgba(246,178,4,.08);
  color: var(--player-yellow) !important;
  font-size: 14px;
  font-weight: 850;
}
.lolga-black .catalog-page[data-product-family="player"] .player-stats {
  flex-wrap: wrap;
}
.lolga-black .catalog-page[data-product-family="player"] .info-score {
  min-width: 27px;
  height: 27px;
  display: inline-grid;
  place-items: center;
  padding: 0 4px;
  border: 1px solid #333;
  border-radius: 7px;
  background: #171717;
  color: #bbb;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
}
.lolga-black .catalog-page[data-product-family="player"] .player-price-cell {
  gap: 7px;
  border-color: #303030 !important;
  color: #777;
  font-size: 11px;
}
.lolga-black .catalog-page[data-product-family="player"] .player-price-cell > span:not(.player-price) {
  color: #777 !important;
  text-decoration: line-through;
}
.lolga-black .catalog-page[data-product-family="player"] .player-price {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-price.is-sale {
  color: var(--player-green) !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-actions {
  border-color: #303030 !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-actions > div {
  gap: 6px;
}
.lolga-black .catalog-page[data-product-family="player"] .player-add-btn,
.lolga-black .catalog-page[data-product-family="player"] .player-buy-btn {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-add-btn {
  min-width: 42px;
  border: 1px solid #383838 !important;
  background: #242424 !important;
  color: #eee !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-add-btn:hover {
  border-color: var(--player-green) !important;
  color: var(--player-green) !important;
}
.lolga-black .catalog-page[data-product-family="player"] .player-buy-btn {
  min-width: 86px;
  border: 1px solid var(--player-green) !important;
  background: var(--player-green) !important;
  color: #071006 !important;
}
@media (max-width: 1023px) {
  .lolga-black .catalog-page[data-product-family="player"] .player-board {
    min-height: 0;
    padding: 14px !important;
  }

  .lolga-black .catalog-page[data-product-family="player"] .player-rating {
    top: 14px !important;
    right: 14px !important;
  }

  .lolga-black .catalog-page[data-product-family="player"] .player-stats {
    margin-top: 10px !important;
  }

  .lolga-black .catalog-page[data-product-family="player"] .player-price-cell,
  .lolga-black .catalog-page[data-product-family="player"] .player-actions {
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid #303030 !important;
  }
}
@media (max-width: 699px) {
  .lolga-black .catalog-page[data-product-family="player"] .player-shell {
    margin-top: 14px !important;
    border-radius: 12px !important;
  }

  .lolga-black .catalog-page[data-product-family="player"] .player-main {
    padding-right: 52px;
  }

  .lolga-black .catalog-page[data-product-family="player"] .player-main p {
    font-size: 14px !important;
  }

  .lolga-black .catalog-page[data-product-family="player"] .info-rate {
    min-width: 34px;
    height: 34px;
    font-size: 12px;
  }

  .lolga-black .catalog-page[data-product-family="player"] .info-score {
    min-width: 25px;
    height: 25px;
    font-size: 9px;
  }

  .lolga-black .catalog-page[data-product-family="player"] .player-buy-btn {
    min-width: 78px;
  }
}
/* FC Players mobile controls follow SBC's platform + Search/Filter presentation.
 * Server switching and catalog filter request/data ownership stay unchanged. */
@media (max-width: 767px) {
  .lolga-black .catalog-page[data-product-family="player"] .select_box {
    margin: 0 0 6px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .lolga-black .catalog-page[data-product-family="player"] .select_box > p {
    display: none !important;
  }

  .lolga-black .catalog-page[data-product-family="player"] .server_box {
    padding: 0 !important;
    background: transparent !important;
  }

  .lolga-black .catalog-page[data-product-family="player"] .server_box > div {
    min-width: 0;
  }

  .lolga-black .catalog-page[data-product-family="player"] .server_list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    /* Build marker: public product-black.css must include this after Mix. */
    --lolga-player-mobile-v2: ready;
    gap: 8px !important;
    margin: 0 !important;
    padding: 6px 0 0 !important;
    list-style: none;
  }

  .lolga-black .catalog-page[data-product-family="player"] .server_list > li {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #202020 !important;
    color: #f2f2f2 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.3;
  }

  .lolga-black .catalog-page[data-product-family="player"] .server_list > li > svg {
    display: none !important;
  }

  .lolga-black .catalog-page[data-product-family="player"] .server_list > li > span {
    margin-left: 0 !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .lolga-black .catalog-page[data-product-family="player"] .server_list > li.active {
    background: #45d42f !important;
    color: #071006 !important;
  }


}
/**
 * Product List V3 — Special Detail Surfaces
 *
 * Visual-only styles for Set/Bundle and detail-page special surfaces.
 * Purchase, pricing and composition remain backend-owned.
 */
.lolga-black .catalog-page[data-product-family="item"] .bundle-badge {
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  margin: 5px auto 0;
  padding: 0 8px;
  border: 1px solid rgba(246,178,4,.5);
  border-radius: 999px;
  background: rgba(246,178,4,.10);
  color: var(--pl-yellow);
  font-size: 9px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .03em;
}
/* MM2 keeps the gold Bundle pill alongside rarity, without title margins. */
.lolga-black .catalog-page[data-product-family="item"] .good-card > p.mm2-rarity-row > .bundle-badge {
  margin: 0 !important;
  border: 1px solid rgba(246,178,4,.5);
  border-radius: 999px !important;
  background: rgba(246,178,4,.10) !important;
  color: var(--pl-yellow) !important;
  letter-spacing: .03em;
  text-transform: none !important;
}
.lolga-black .bundle-detail-list {
  gap: 10px !important;
  margin: 14px 0 18px !important;
}
.lolga-black .bundle-detail-item {
  min-width: 0;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #303030;
  border-radius: 10px;
  background: #181818;
  color: #ddd;
}
.lolga-black .bundle-detail-image {
  width: 46px !important;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  margin: 0 !important;
  padding: 4px;
  border-radius: 8px !important;
  background: #121212;
}
.lolga-black .bundle-detail-image img {
  width: 38px !important;
  height: 38px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.lolga-black .bundle-detail-copy {
  min-width: 0;
  width: auto !important;
  margin-left: 10px !important;
  color: #aaa;
  font-size: 12px;
  line-height: 1.35;
}
.lolga-black .bundle-detail-copy .font-bold {
  color: #f2f2f2;
}
.lolga-black .bundle-detail-price {
  color: #f6b204 !important;
  font-size: 12px;
  font-weight: 850 !important;
}
.lolga-black .bundle-detail-total {
  min-height: 54px;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 0 18px !important;
  padding: 12px 14px;
  border: 1px solid #303030;
  border-radius: 10px;
  background: #171717;
  font-size: 15px !important;
  color: #bbb;
}
.lolga-black .bundle-detail-total .price {
  color: #f6b204 !important;
  font-size: 24px;
  font-weight: 850;
}
@media (max-width: 699px) {
  .lolga-black .bundle-detail-list {
    grid-template-columns: 1fr !important;
  }

  .lolga-black .bundle-detail-total {
    justify-content: space-between;
  }
}
/* Big Image / Detail */
/*.lolga-black .catalog-page[data-product-family="item"] .good-card.has-detail-preview .good-card__media {*/
/*  background: #181818 !important;*/
/*}*/
.lolga-black .catalog-page[data-product-family="item"] .detail-preview-link {
  min-height: 24px;
  display: inline-flex !important;
  align-items: center;
  padding: 0 8px !important;
  border: 1px solid rgba(69,212,47,.5);
  border-radius: 999px !important;
  background: rgba(69,212,47,.08);
  color: var(--pl-green) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
.lolga-black .catalog-page[data-product-family="item"] .detail-product-link {
  width: 100%;
  height: 100%;
  display: grid !important;
  place-items: center;
}
.lolga-black .catalog-page[data-product-family="item"] .detail-preview-panel {
  border: 1px solid #303030 !important;
  background: #202020 !important;
  color: #d2d2d2 !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.45) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .detail-preview-panel .intro_content {
  padding: 14px;
  color: #c6c6c6;
  font-size: 12px;
  line-height: 1.5;
}
.lolga-black .catalog-page[data-product-family="item"] .detail-preview-panel .intro_content h3,
.lolga-black .catalog-page[data-product-family="item"] .detail-preview-panel .intro_content strong {
  color: var(--pl-green) !important;
}
.lolga-black .catalog-page[data-product-family="item"] .detail-preview-panel .intro_content b {
  color: var(--pl-yellow) !important;
}
/* Desktop hover detail preview is cloned to <body> by /js/preview.js,
   so it must not depend on .catalog-page ancestry. */
.lolga-black #preview {
  width: min(380px, calc(100vw - 32px));
  max-height: min(72vh, 640px);
  overflow: auto;
  padding: 14px;
  border: 1px solid #343434;
  border-radius: 10px;
  background: #202020;
  color: #d2d2d2;
  box-shadow: 0 20px 48px rgba(0,0,0,.48);
}
.lolga-black #preview .intro_content {
  color: #c6c6c6;
  font-size: 12px;
  line-height: 1.55;
}
.lolga-black #preview .intro_content h1,
.lolga-black #preview .intro_content h2,
.lolga-black #preview .intro_content h3,
.lolga-black #preview .intro_content strong {
  color: #45d42f !important;
}
.lolga-black #preview .intro_content b {
  color: #f6b204 !important;
}
.lolga-black #preview img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: min(68vh, 600px);
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.lolga-black .product-detail-v3 {
  border: 1px solid #2d2d2d;
  background: #202020 !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.22);
}
.lolga-black .product-detail-v3 .product-detail-art {
  min-height: 360px;
  background: #181818 !important;
}
.lolga-black .product-detail-v3 .pdp-hero-media {
  width: 100%;
  /*background: #181818 !important;*/
}
.lolga-black .product-detail-v3 .detail-buy-card {
  padding: 20px;
  border-radius: 10px;
  background: #202020 !important;
}
.lolga-black .product-detail-v3 .detail-fullscreen-trigger {
  border: 1px solid rgba(69,212,47,.45);
  background: #202020 !important;
  color: #45d42f !important;
}
.lolga-black .product-detail-v3 .detail-buy-card .price,
.lolga-black .product-detail-v3 .detail-buy-card .sell_price_detail {
  color: #f6b204 !important;
}
@media (max-width: 699px) {
  .lolga-black .catalog-page[data-product-family="item"] .detail-preview-panel {
    padding-top: 44px;
  }

  .lolga-black .product-detail-v3 {
    padding: 10px !important;
  }

  .lolga-black .product-detail-v3 .product-detail-art {
    min-height: 260px;
  }

  .lolga-black .product-detail-v3 .detail-buy-card {
    padding: 14px;
  }
}
/* PDP-PR-1: accessible SKU selection and sold-out states, confined to detail. */
.lolga-black .product-detail-v3 [data-pdp-sku-option].pdp-sku-active {
  border-color: #45d42f !important;
  background: rgba(69, 212, 47, .13) !important;
  color: #ecffea !important;
}
.lolga-black .product-detail-v3 [data-pdp-sku-option][aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .48;
  pointer-events: none;
}
.lolga-black .product-detail-v3 [data-add-cart]:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.lolga-black .pdp-page[dir="rtl"] .product-detail-v3 .detail-buy-card {
  text-align: right;
}
/**
 * PDP V4 page-owned styles. Reference: lolga-product-detail(1).html
 * Keep Header, Footer, Cart, listing cards and checkout outside this scope.
 */
.lolga-black .pdp-v4-page {
  --pdp-bg: #101010; --pdp-panel:#161616; --pdp-inset:#111;
  --pdp-text:#f4f4f4; --pdp-muted:#919191;
  --pdp-border:#303030; --pdp-green:#45d42f;
  --pdp-width:1440px; --pdp-gap:20px;
  display:block;
  min-width:0;
  background:var(--pdp-bg); color:var(--pdp-text);
  padding:0 0 60px;
}
.lolga-black .pdp-v4-page, .lolga-black .pdp-v4-page * {box-sizing:border-box;}
/* Game icon, tab state and responsive subnav layout belong exclusively to
   product-list/subnav.css, shared with Catalog and Wiki. */
.lolga-black .pdp-v4-page .pdp-v4-body {background:var(--pdp-bg)!important;min-width:0;}
.lolga-black .pdp-v4-page .pdp-v4-breadcrumb,
.lolga-black .pdp-v4-page .pdp-v4-content {
  width:min(var(--pdp-width), calc(100% - 40px))!important; max-width:none!important;
  margin-inline:auto!important; padding:0!important;
}
.lolga-black .pdp-v4-page .pdp-v4-breadcrumb{padding:17px 0!important}
.lolga-black .pdp-v4-page .lolga-crumbs,
.lolga-black .pdp-v4-page .lolga-crumbs ol {
  display:flex;align-items:center;flex-wrap:wrap;gap:9px;
  width:100%;margin:0;padding:0;font-size:12px;color:#999;
}
.lolga-black .pdp-v4-page .lolga-crumbs a{color:#aaa;text-decoration:none}
.lolga-black .pdp-v4-page .lolga-crumbs a:hover{color:var(--pdp-green)}
.lolga-black .pdp-v4-page .pdp-v4-content {padding-bottom:48px!important}
.lolga-black .pdp-v4-page .product-detail-v3.pdp-v4-product {
  display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;
  grid-template-rows:auto!important;gap:var(--pdp-gap)!important;
  align-items:stretch!important; background:transparent!important;
  padding:0!important; margin:0!important; border:0!important;
  border-radius:0!important; box-shadow:none!important; overflow:visible!important;
}
.lolga-black .pdp-v4-page .pdp-v4-gallery,
.lolga-black .pdp-v4-page .pdp-v4-buy {
  min-width:0;min-height:570px!important;border:0!important;
  border-radius:16px!important; background:var(--pdp-panel)!important;
  box-shadow:none!important; overflow:hidden;
}
.lolga-black .pdp-v4-page .pdp-v4-gallery {
  padding:16px!important;display:flex!important;align-items:stretch!important;
  flex-direction:column;
}
.lolga-black .pdp-v4-page .pdp-hero-media {
  width:100%;min-height:538px;display:flex;flex-direction:column;
  align-items:stretch;justify-content:center;position:relative;
  border-radius:12px;
  overflow:hidden;
}
.lolga-black .pdp-v4-page .pdp-v4-stage{
  position:relative;flex:1;min-height:430px;display:grid;place-items:center;
}
.lolga-black .pdp-v4-page .pdp-v4-stage .product_img{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%;height:100%;padding:24px!important;margin:0!important;
  min-height:360px!important;
}
.lolga-black .pdp-v4-page .pdp-hero-media #big_img,
.lolga-black .pdp-v4-page .pdp-v4-stage img.change_img {
  display:block!important;width:auto!important;height:auto!important;
  max-width:84%!important;max-height:460px!important;min-width:0!important;
  -o-object-fit:contain!important;
     object-fit:contain!important;filter:drop-shadow(0 22px 25px rgba(0,0,0,.36));
  margin:auto!important;
}
.lolga-black .pdp-v4-page .pdp-v4-gallery-actions{
  position:absolute;z-index:5;right:16px;top:16px;display:flex;gap:8px;
}
.lolga-black .pdp-v4-page .pdp-v4-gallery-actions button {
  min-height:36px;padding:0 12px;background:#1a1a1a;color:#ddd;
  border:1px solid #3b3b3b;border-radius:9px;cursor:pointer;font-size:12px;
}
.lolga-black .pdp-v4-page .pdp-v4-thumbs {
  display:flex;justify-content:center;gap:8px;flex-wrap:wrap;
  width:100%;padding:10px 10px 14px; background:transparent;
}
.lolga-black .pdp-v4-page .pdp-v4-thumb {
  width:72px;height:72px;display:grid;place-items:center;
  padding:8px;border:1px solid #323232;border-radius:10px;
  background:#191919;cursor:pointer;
}
.lolga-black .pdp-v4-page .pdp-v4-thumb[aria-pressed="true"] {
  border-color:var(--pdp-green);box-shadow:0 0 0 1px rgba(69,212,47,.2);
}
.lolga-black .pdp-v4-page .pdp-v4-thumb img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.lolga-black .pdp-v4-page .pdp-v4-buy {
  display:flex;flex-direction:column;align-items:stretch;
  padding:28px!important;min-height:570px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-eyebrow{
  color:var(--pdp-green);font-size:11px;font-weight:900;
  letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-buy h1 {
  margin:0 0 10px!important;text-align:left!important;
  font-size:clamp(27px,2.45vw,38px)!important;line-height:1.12!important;
  font-weight:850!important;letter-spacing:-.03em;color:#fff!important;
  overflow-wrap:anywhere;
}
.lolga-black .pdp-v4-page .pdp-v4-buy h3 {color:#bbb;font-size:12px}
.lolga-black .pdp-v4-page .pdp-v4-buy h3 b{color:#ffbc19!important}
.lolga-black .pdp-v4-page .pdp-v4-buy > .mt-4 {margin-top:10px!important}
.lolga-black .pdp-v4-page .pdp-v4-buy .price,
.lolga-black .pdp-v4-page .pdp-v4-buy .sell_price_detail {
  color:var(--pdp-green)!important;font-weight:950!important;
  letter-spacing:-.025em;
}
.lolga-black .pdp-v4-page .pdp-v4-buy .bundle-detail-total {
  justify-content:flex-start!important;border:0!important;background:transparent!important;
  padding:4px 0!important;margin:16px 0!important;
}
.lolga-black .pdp-v4-page .bundle-detail-list{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin:16px 0!important;gap:10px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-buy > .mt-4 > .bundle-detail-list{
  margin-top:0!important;
}
.lolga-black .pdp-v4-page .bundle-detail-item{
  margin:0!important;min-width:0!important;display:flex!important;
  align-items:center!important;gap:10px!important;
  background:#1c1c1c!important;border:1px solid #333!important;
  border-radius:12px!important;padding:10px!important;
}
.lolga-black .pdp-v4-page .bundle-detail-image{
  flex:0 0 46px!important;width:46px!important;height:46px!important;
}
.lolga-black .pdp-v4-page .bundle-detail-copy{margin:0!important;width:auto!important;min-width:0!important}
.lolga-black .pdp-v4-page .bundle-detail-copy p{overflow-wrap:anywhere}
.lolga-black .pdp-v4-page .bundle-detail-price{color:#ffbe00!important}
.lolga-black .pdp-v4-page .color_select,
.lolga-black .pdp-v4-page .color_trad {gap:8px!important}
.lolga-black .pdp-v4-page [data-pdp-sku-option]{
  padding:10px 14px!important;border:1px solid #353535!important;
  border-radius:10px!important;background:#1b1b1b;color:#ddd!important;
  font-size:13px;line-height:1.25;
}
.lolga-black .pdp-v4-page [data-pdp-sku-option].pdp-sku-active{
  border-color:var(--pdp-green)!important;background:rgba(69,212,47,.12)!important;
  color:var(--pdp-green)!important;
}
.lolga-black .pdp-v4-page [data-pdp-sku-option][aria-disabled="true"]{
  opacity:.48;pointer-events:none;cursor:not-allowed;
}
.lolga-black .pdp-v4-page .less_detail,
.lolga-black .pdp-v4-page .plus_detail{cursor:pointer;color:#e1e1e1}
.lolga-black .pdp-v4-page .amount {min-width:0!important;max-width:none!important;
  width:100%!important;background:transparent!important;color:white!important;font-weight:800}
.lolga-black .pdp-v4-page .pdp-v4-qty{
  display:flex!important;flex-direction:row!important;align-items:stretch!important;
  gap:0!important;width:100%!important;max-width:170px!important;min-height:54px!important;
  margin:0!important;border:1px solid #353535!important;border-radius:12px!important;
  background:#1c1c1c!important;overflow:hidden;
}
.lolga-black .pdp-v4-page .pdp-v4-quantity-action{
  display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;
  gap:10px;margin-top:16px;
}
.lolga-black .pdp-v4-page .pdp-v4-quantity-action .pdp-v4-qty{max-width:none!important}
.lolga-black .pdp-v4-page .pdp-v4-quantity-action .cart_btn{
  position:static!important;inset:auto!important;display:flex!important;
  height:54px!important;min-height:54px!important;padding:0 16px!important;
  width:100%!important;margin:0!important;box-shadow:none!important;
  background:var(--pdp-green)!important;color:#091306!important;border:0!important;
  border-radius:12px!important;font-size:13px!important;font-weight:950!important;
}
.lolga-black .pdp-v4-page .cart_btn:disabled{opacity:.5!important;cursor:not-allowed}
.lolga-black .pdp-v4-page .pdp-v4-buy-more{
  background:none!important;border:1px solid #383838!important;color:#ccc!important;
  padding:11px!important;border-radius:10px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-trust {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;align-items:stretch!important;margin-top:20px!important;
  border-top:1px solid #303030;padding-top:16px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-trust li {
  display:flex!important;align-items:center;gap:7px;margin:0!important;
  padding:10px 8px!important;background:#1c1c1c;border-radius:9px;
  color:#bbb;font-size:12px!important;line-height:1.35;
}
.lolga-black .pdp-v4-page .pdp-v4-trust svg{margin:0!important;flex:0 0 16px;}
.lolga-black .pdp-v4-page .pdp-v4-related{
  margin:24px 0 0!important;padding:0!important;text-align:left;
}
.lolga-black .pdp-v4-page .pdp-v4-related h2{
  font-size:26px!important;font-weight:850!important;color:#f7f7f7;
}
.lolga-black .pdp-v4-page .pdp-v4-editorial{
  padding:0!important;margin:24px 0 0!important;align-items:start;
}
.lolga-black .pdp-v4-page .pdp-v4-editorial > div > div,
.lolga-black .pdp-v4-page .pdp-v4-editorial .bg-white {
  border:1px solid #303030!important;border-radius:14px!important;
  background:#171717!important;color:#ccc!important;
}
.lolga-black .pdp-v4-page .pdp-v4-editorial .bg-white p{color:#bbb}
.lolga-black .pdp-v4-page .pdp-v4-editorial img{max-width:100%;height:auto}
@media(max-width:980px) {
 .lolga-black .pdp-v4-page .product-detail-v3.pdp-v4-product {
   grid-template-columns:minmax(0,1fr)!important;gap:14px!important;
 }
 .lolga-black .pdp-v4-page .pdp-v4-gallery,.lolga-black .pdp-v4-page .pdp-v4-buy {
   min-height:0!important;
 }
 .lolga-black .pdp-v4-page .pdp-v4-gallery{padding:12px!important}
 .lolga-black .pdp-v4-page .pdp-hero-media{min-height:400px}
 .lolga-black .pdp-v4-page .pdp-v4-buy{padding:22px!important}
 .lolga-black .pdp-v4-page .pdp-v4-page{min-width:0}
}
@media(max-width:680px) {
 .lolga-black .pdp-v4-page .pdp-v4-breadcrumb,.lolga-black .pdp-v4-page .pdp-v4-content{
   width:calc(100% - 24px)!important
 }
 .lolga-black .pdp-v4-page .pdp-v4-gallery{padding:10px!important}
 .lolga-black .pdp-v4-page .pdp-hero-media{min-height:330px}
 .lolga-black .pdp-v4-page .pdp-v4-stage{min-height:330px}
 .lolga-black .pdp-v4-page .pdp-v4-stage .product_img{min-height:320px!important}
 .lolga-black .pdp-v4-page .pdp-hero-media #big_img{max-height:290px!important}
 .lolga-black .pdp-v4-page .pdp-v4-buy{padding:20px!important;border-radius:14px!important}
 .lolga-black .pdp-v4-page .pdp-v4-buy h1{font-size:30px!important}
 .lolga-black .pdp-v4-page .bundle-detail-list{grid-template-columns:1fr!important}
 .lolga-black .pdp-v4-page .pdp-v4-trust{grid-template-columns:1fr!important}
 .lolga-black .pdp-v4-page .pdp-v4-quantity-action{
   grid-template-columns:120px minmax(0,1fr)!important;gap:8px;
 }
 .lolga-black .pdp-v4-page .pdp-v4-quantity-action .cart_btn{font-size:12px!important}
 .lolga-black .pdp-v4-page .pdp-v4-content{padding-bottom:35px!important}
}
/* PDP V4 progressive SKU dropdown, mobile proxy and below-fold content */
.lolga-black .pdp-v4-page .pdp-v4-selector{
  position:relative;z-index:12;margin:17px 0 10px;
}
.lolga-black .pdp-v4-page .pdp-v4-selector-label {
  display:block;margin:0 0 9px;color:#bdbdbd;font-weight:850;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;
}
.lolga-black .pdp-v4-page .pdp-v4-sku-trigger {
  width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;
  gap:15px;padding:0 14px;border:1px solid #353535;border-radius:12px;
  background:#1b1b1b;color:#f5f5f5;text-align:left;cursor:pointer;
}
.lolga-black .pdp-v4-page .pdp-v4-sku-trigger .first_sku{
  display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  color:#f4f4f4!important;font-size:14px;font-weight:820;
}
.lolga-black .pdp-v4-page .pdp-v4-sku-trigger[aria-expanded="true"]{
  border-color:var(--pdp-green);box-shadow:0 0 0 2px rgba(69,212,47,.12);
}
.lolga-black .pdp-v4-page .pdp-v4-sku-menu {
  position:absolute;z-index:60;left:0;right:0;top:calc(100% + 5px);
  padding:7px!important;margin:0!important;border:1px solid #373737!important;
  border-radius:12px!important;background:#111!important;
  box-shadow:0 20px 42px rgba(0,0,0,.5);
  max-height:300px;overflow:auto;
}
.lolga-black .pdp-v4-page .pdp-v4-sku-menu[hidden]{display:none!important}
.lolga-black .pdp-v4-page .pdp-v4-sku-menu legend{position:absolute;width:1px;height:1px;overflow:hidden}
.lolga-black .pdp-v4-page .pdp-v4-sku-menu .color_select,
.lolga-black .pdp-v4-page .pdp-v4-sku-menu .color_trad{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:4px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-sku-menu [data-pdp-sku-option]{
  width:100%;min-height:44px;display:flex!important;align-items:center;
  justify-content:space-between;gap:8px;padding:8px 12px!important;
  border:0!important;text-align:left;color:#ddd;background:none;
}
.lolga-black .pdp-v4-page .pdp-v4-sku-menu [data-pdp-sku-option]:hover{
  background:#222!important;
}
.lolga-black .pdp-v4-page .pdp-v4-sku-menu [data-pdp-sku-option].pdp-sku-active {
  background:linear-gradient(90deg,rgba(69,212,47,.16),rgba(69,212,47,.04))!important;
  color:var(--pdp-green)!important;
}
.lolga-black .pdp-v4-page .pdp-v4-sku-option-price{font-size:12px;color:#aaa;font-weight:750}
/* PDP-only sold-out variants are informational, not clickable SKU options.
 * Their Notify Me action is still active and uses the shared restock flow. */
.lolga-black .pdp-v4-page .pdp-v4-sold-sku-list {
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid #303030;
}
.lolga-black .pdp-v4-page .pdp-v4-sold-sku-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:40px;
  padding:5px 10px;
  border-radius:9px;
  color:#999;
}
.lolga-black .pdp-v4-page .pdp-v4-sold-sku-name {
  min-width:0;
  color:#a3a3a3;
  font-size:13px;
  font-weight:700;
  text-align:start;
  overflow-wrap:anywhere;
}
.lolga-black .pdp-v4-page .pdp-v4-sku-notify {
  justify-self:end;
  flex-shrink:0;
  padding:7px 10px;
  border:0;
  border-radius:7px;
  color:#191300;
  background:#ffbc19;
  font-size:11px;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
}
.lolga-black .pdp-v4-page .pdp-v4-sku-notify:hover,
.lolga-black .pdp-v4-page .pdp-v4-sku-notify:focus-visible {
  background:#ffd34d;
  outline:2px solid #ffe18a;
  outline-offset:2px;
}
@media(max-width:680px){
  .lolga-black .pdp-v4-page .pdp-v4-sold-sku-row {
    gap:6px;
    padding:5px 7px;
  }
  .lolga-black .pdp-v4-page .pdp-v4-sku-notify {
    padding:7px 8px;
  }
}
.lolga-black .pdp-v4-page .pdp-v4-single-action{grid-template-columns:1fr!important}
.lolga-black .pdp-v4-page .pdp-v4-lightbox {
  position:fixed;inset:0;width:min(96vw,1080px);max-width:96vw;
  max-height:95vh;padding:48px 20px 20px;border:1px solid #444;border-radius:18px;
  background:#151515;color:white;box-shadow:0 24px 80px rgba(0,0,0,.7);
}
.lolga-black .pdp-v4-page .pdp-v4-lightbox::backdrop{background:rgba(0,0,0,.84)}
.lolga-black .pdp-v4-page .pdp-v4-lightbox button{
  position:absolute;top:8px;right:12px;border:0;color:#eee;background:none;
  font-size:32px;cursor:pointer;
}
.lolga-black .pdp-v4-page .pdp-v4-lightbox img{display:block;max-width:100%;max-height:76vh;-o-object-fit:contain;object-fit:contain;margin:auto}
.lolga-black .pdp-v4-page .pdp-v4-content-grid {
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:var(--pdp-gap);margin:20px 0 0;align-items:stretch;
}
.lolga-black .pdp-v4-page .pdp-v4-info-card,
.lolga-black .pdp-v4-page .pdp-v4-faq {
  padding:24px;border-radius:16px;background:#161616;border:1px solid #252525;min-width:0;
}
.lolga-black .pdp-v4-page .pdp-v4-info-card h2,
.lolga-black .pdp-v4-page .pdp-v4-faq h2{
  margin:0 0 14px;color:#f5f5f5;font-size:24px!important;font-weight:820;
}
.lolga-black .pdp-v4-page .pdp-v4-info-card p {
  color:#aaa;font-size:13px;line-height:1.65;overflow-wrap:anywhere;
}
.lolga-black .pdp-v4-page .pdp-v4-facts {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;
  margin:18px 0 0;padding:0;border-top:1px solid #323232;
}
.lolga-black .pdp-v4-page .pdp-v4-facts div{padding:12px 0;border-bottom:1px solid #323232;min-width:0}
.lolga-black .pdp-v4-page .pdp-v4-facts dt{font-size:11px;font-weight:820;letter-spacing:.07em;color:#888}
.lolga-black .pdp-v4-page .pdp-v4-facts dd{margin:5px 0 0;font-size:14px;font-weight:650;overflow-wrap:anywhere}
.lolga-black .pdp-v4-page .pdp-v4-steps{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.lolga-black .pdp-v4-page .pdp-v4-steps li{
  display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;
  background:#1d1d1d;padding:14px;border-radius:11px;
}
.lolga-black .pdp-v4-page .pdp-v4-steps li>span{
  width:34px;height:34px;display:grid;place-items:center;
  border-radius:9px;background:rgba(69,212,47,.13);color:var(--pdp-green);font-weight:900;
}
.lolga-black .pdp-v4-page .pdp-v4-steps strong{font-size:13px;color:#fff}
.lolga-black .pdp-v4-page .pdp-v4-steps p{margin:3px 0 0;font-size:12px}
.lolga-black .pdp-v4-page .pdp-v4-faq{margin:20px 0 0}
.lolga-black .pdp-v4-page .pdp-v4-faq details{border-top:1px solid #303030;padding:16px 0}
.lolga-black .pdp-v4-page .pdp-v4-faq details:first-of-type{border-top:0}
.lolga-black .pdp-v4-page .pdp-v4-faq summary{
  cursor:pointer;font-weight:780;font-size:14px;line-height:1.4;color:#f5f5f5;
}
.lolga-black .pdp-v4-page .pdp-v4-faq details p{color:#aaa;font-size:13px;line-height:1.7;margin:10px 0 0}
.lolga-black .pdp-v4-page .pdp-v4-mobile-buybar{display:none}
.lolga-black .pdp-v4-page .pdp-v4-mobile-price{min-width:0;flex:1}
.lolga-black .pdp-v4-page .pdp-v4-mobile-price strong{display:block;color:var(--pdp-green);font-size:18px;font-weight:900}
.lolga-black .pdp-v4-page .pdp-v4-mobile-price small{
  display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:#777;font-size:10px;
}
.lolga-black .pdp-v4-page .pdp-v4-mobile-buybar [data-pdp-mobile-add]{
  height:44px;padding:0 20px;border-radius:9px;background:var(--pdp-green);
  border:0;color:#081308;font-size:12px;font-weight:950;cursor:pointer;
}
.lolga-black .pdp-v4-page .pdp-v4-mobile-buybar [data-pdp-mobile-add]:disabled{
  opacity:.5;cursor:not-allowed;
}
@media(max-width:980px) {
 .lolga-black .pdp-v4-page .pdp-v4-content-grid{grid-template-columns:1fr}
 .lolga-black .pdp-v4-page .pdp-v4-mobile-buybar{
   position:fixed;z-index:1100;left:10px;right:10px;bottom:10px;
   height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;
   padding:8px 10px;background:#202020;border:0;
   border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.46);
 }
 .lolga-black .pdp-v4-page{padding-bottom:0}
}
@media(max-width:680px){
 .lolga-black .pdp-v4-page .pdp-v4-info-card,.lolga-black .pdp-v4-page .pdp-v4-faq{padding:18px}
 .lolga-black .pdp-v4-page .pdp-v4-facts{grid-template-columns:1fr 1fr}
 .lolga-black .pdp-v4-page .pdp-v4-mobile-buybar{left:8px;right:8px}
 .lolga-black .pdp-v4-page .pdp-v4-mobile-buybar [data-pdp-mobile-add]{min-width:0;height:44px;padding:0 20px}
}
/* PDP-V4.1 functional layout fixes: dropdown escapes card, qty button aligns. */
.lolga-black .pdp-v4-page .pdp-v4-buy { overflow:visible!important; }
.lolga-black .pdp-v4-page .pdp-v4-quantity-action > div:first-child {
  margin-top:0!important; margin-bottom:0!important; align-self:stretch;
}
.lolga-black .pdp-v4-page .pdp-v4-qty {
  height:54px!important; min-height:54px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-quantity-action {
  align-items:stretch!important;
}
.lolga-black .pdp-v4-page .pdp-v4-buy h1,
.lolga-black .pdp-v4-page .pdp-v4-sku-trigger,
.lolga-black .pdp-v4-page .pdp-v4-related {
  text-align:start!important;
}
.lolga-black .pdp-v4-page .pdp-v4-gallery-actions {
  right:auto; inset-inline-end:16px;
}
@media (max-width:680px) {
  .lolga-black .pdp-v4-page .pdp-v4-mobile-buybar {
    direction:inherit;
  }
}
/* PDP V4.2: aligned with lolga-product-detail(2).html master (1180px desktop). */
.lolga-black .pdp-v4-page { --pdp-width:1180px; --pdp-gap:20px; background:#0f0f0f!important; }
.lolga-black .pdp-v4-page .pdp-v4-breadcrumb { padding:18px 0!important }
.lolga-black .pdp-v4-page .pdp-v4-buy {
  position:sticky!important;top:92px;align-self:start!important;
  min-height:570px!important;padding:28px!important;
  background:#161616!important;border-radius:16px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-buy h1:has(+ .sr-only + .pdp-v4-rarity-meta){
  margin-bottom:4px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-product { grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important; }
.lolga-black .pdp-v4-page .pdp-v4-gallery {
  background:#161616!important;border-radius:16px!important;padding:16px!important;
  min-height:570px!important;overflow:hidden!important;
}
.lolga-black .pdp-v4-page .pdp-hero-media {
  min-height:538px!important;height:auto!important;flex:1!important;
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;
  gap:0!important;padding:0!important;
}
.lolga-black .pdp-v4-page .pdp-v4-stage {
  min-height:420px!important;flex:1!important;
}
.lolga-black .pdp-v4-page .pdp-v4-stage .product_img {
  min-height:410px!important;height:100%;padding:18px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-stage img.change_img {
  max-width:82%!important;max-height:430px!important;-o-object-fit:contain!important;object-fit:contain!important;
}
.lolga-black .pdp-v4-page .pdp-v4-gallery-rarity {
  position:absolute;top:16px;inset-inline-start:16px;z-index:6;
  color:#ffbd00;background:#171717;border-radius:8px;padding:8px 11px;
  font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;
}
.lolga-black .pdp-v4-page .pdp-v4-gallery-actions {
  top:16px;inset-inline-end:16px;inset-inline-start:auto;right:auto!important;
}
.lolga-black .pdp-v4-page .pdp-v4-gallery-actions button {
  width:38px;height:38px;min-height:38px;padding:0!important;
  display:grid;place-items:center;background:#191919!important;
  border:1px solid #303030!important;border-radius:10px;color:#bdbdbd!important;
}
.lolga-black .pdp-v4-page .pdp-v4-thumbs {
  display:flex!important;justify-content:center!important;align-items:center;
  gap:10px!important;min-height:95px;padding:8px 10px 12px!important;
  border-top:1px solid rgba(255,255,255,.035);
}
.lolga-black .pdp-v4-page .pdp-v4-thumb {
  width:76px!important;height:76px!important;flex:0 0 76px;display:grid;place-items:center;
  border-radius:10px!important;background:#1c1c1c!important;
  border:1px solid #373737!important;
}
.lolga-black .pdp-v4-page .pdp-v4-thumb[aria-pressed="true"] {
  border-color:#45d42f!important;box-shadow:0 0 0 1px rgba(69,212,47,.2)!important;
}
.lolga-black .pdp-v4-page .pdp-v4-thumb img {max-width:76%;max-height:76%;-o-object-fit:contain;object-fit:contain}
.lolga-black .pdp-v4-page .pdp-v4-rarity-meta{margin:0!important;display:flex;align-items:center}
.lolga-black .pdp-v4-page .pdp-v4-rarity-meta h3{display:flex!important;gap:8px;align-items:center;color:#888!important;font-size:12px!important}
.lolga-black .pdp-v4-page .pdp-v4-rarity-meta b{
  background:#121212!important;border-radius:7px;padding:7px 10px;
  color:#ffbd00!important;font-size:12px!important;text-transform:uppercase;
}
.lolga-black .pdp-v4-page .pdp-v4-total,
.lolga-black .pdp-v4-page .pdp-v4-price-wrap {
  display:flex!important;align-items:center!important;flex-wrap:wrap;
  gap:10px!important;justify-content:flex-start!important;
  padding:0!important;margin:20px 0 17px!important;border:0!important;
  background:transparent!important;min-height:42px;
}
.lolga-black .pdp-v4-page .pdp-v4-total p,
.lolga-black .pdp-v4-page .pdp-v4-price-wrap {
  color:#45d42f!important;font-size:36px!important;line-height:1.15!important;
  font-weight:900!important;letter-spacing:-.035em!important;
}
.lolga-black .pdp-v4-page .pdp-v4-total span.price,
.lolga-black .pdp-v4-page .pdp-v4-price-wrap .sell_price_detail {
  color:#45d42f!important;font-size:inherit!important;font-weight:inherit!important;
}
.lolga-black .pdp-v4-page .pdp-v4-total > span{color:#999!important;font-size:12px!important;font-weight:700!important}
.lolga-black .pdp-v4-page .pdp-v4-total > p.line-through{
  color:#777!important;font-size:14px!important;text-decoration:line-through!important;
  order:1;margin:0!important;
}
.lolga-black .pdp-v4-page .pdp-v4-total > p:not(.line-through){order:0;margin:0!important}
.lolga-black .pdp-v4-page .pdp-v4-price-wrap .sell_price_detail {font-size:36px!important}
/* PDP purchase header-to-price spacing — regular / multi-SKU / discounted.
   Bundle total has its own independent spacing and remains untouched.
   The purchase wrapper also contains SKU, QTY, and action sections; only
   zero the wrapper gap when the DIRECT child is a non-bundle price. */
.lolga-black .pdp-v4-page .pdp-v4-buy:has(> .mt-4 > .pdp-v4-price-wrap, > .mt-4 > .pdp-v4-total:not(.bundle-detail-total)) > h1 {
  margin-bottom:6px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-buy > .mt-4:has(> .pdp-v4-price-wrap, > .pdp-v4-total:not(.bundle-detail-total)) {
  margin-top:0!important;
}
.lolga-black .pdp-v4-page .pdp-v4-buy > .mt-4 > .pdp-v4-price-wrap,
.lolga-black .pdp-v4-page .pdp-v4-buy > .mt-4 > .pdp-v4-total:not(.bundle-detail-total) {
  margin-top:8px!important;
}
@media(max-width:680px){
  .lolga-black .pdp-v4-page .pdp-v4-buy:has(> .mt-4 > .pdp-v4-price-wrap, > .mt-4 > .pdp-v4-total:not(.bundle-detail-total)) > h1 {
    margin-bottom:4px!important;
  }
  .lolga-black .pdp-v4-page .pdp-v4-buy > .mt-4 > .pdp-v4-price-wrap,
  .lolga-black .pdp-v4-page .pdp-v4-buy > .mt-4 > .pdp-v4-total:not(.bundle-detail-total) {
    margin-top:6px!important;
  }
}
.lolga-black .pdp-v4-page .pdp-v4-section-label{
  margin:16px 0 8px!important;color:#bdbdbd;font-size:11px;font-weight:900;
  letter-spacing:.08em;text-transform:uppercase;
}
.lolga-black .pdp-v4-page .pdp-v4-quantity-action {margin-top:0!important}
.lolga-black .pdp-v4-page .pdp-v4-stock{
  margin:11px 0!important;display:flex;align-items:center;gap:9px;color:#888;font-size:12px;
}
.lolga-black .pdp-v4-page .pdp-v4-stock span{
  display:inline-block;background:#45d42f;width:7px;height:7px;flex:0 0 7px;border-radius:50%;
  box-shadow:0 0 12px rgba(69,212,47,.6);
}
.lolga-black .pdp-v4-page .pdp-v4-buy-more{background:#242424!important;border:1px solid #383838!important}
.lolga-black .pdp-v4-page .pdp-v4-trust {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;margin-top:18px!important;padding-top:18px!important;
  border-top:1px solid #2a2a2a;
}
.lolga-black .pdp-v4-page .pdp-v4-trust li{
  display:block!important;min-height:72px!important;margin:0!important;
  padding:12px!important;border-radius:10px!important;background:#1b1b1b!important;
  color:#bfbfbf!important;text-align:start!important;
}
.lolga-black .pdp-v4-page .pdp-v4-trust li strong{
  display:block;color:#fff;font-size:12px;font-weight:800;
}
.lolga-black .pdp-v4-page .pdp-v4-trust li span{
  display:block;margin-top:5px;color:#777;font-size:10px;line-height:1.35;
}
.lolga-black .pdp-v4-page .pdp-v4-delivery-note{
  margin-top:14px;padding:13px 14px;border-inline-start:3px solid #45d42f;
  border-radius:9px;background:#1a1a1a;color:#898989;font-size:12px;line-height:1.6;
}
.lolga-black .pdp-v4-page .pdp-v4-delivery-note strong{color:#fff}
.lolga-black .pdp-v4-page .pdp-v4-content-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;
  margin-top:20px!important;gap:20px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-info-card{
  padding:24px!important;border:0!important;
  border-radius:16px!important;background:#161616!important; margin-top: 20px;
}
.lolga-black .pdp-v4-page .pdp-v4-info-card h2,
.lolga-black .pdp-v4-page .pdp-v4-faq h2{
  margin:0 0 12px!important;font-size:24px!important;line-height:1.25!important;
  letter-spacing:-.025em;color:#f5f5f5!important;
}
.lolga-black .pdp-v4-page .pdp-v4-facts dt{
  font-size:10px!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase;
}
.lolga-black .pdp-v4-page .pdp-v4-facts dd{font-size:13px!important}
.lolga-black .pdp-v4-page .pdp-v4-faq {
  margin-top:20px!important;border:0!important;
  border-radius:16px!important;background:#161616!important;padding:24px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-faq details{
  padding:0 18px!important;margin:0!important;border:0!important;
  background:#202020!important;border-radius:12px!important;
  overflow:hidden!important;
}
.lolga-black .pdp-v4-page .pdp-v4-faq details+details {margin-top:8px!important}
.lolga-black .pdp-v4-page .pdp-v4-faq summary{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:20px!important;min-height:58px!important;list-style:none!important;
  font-weight:760!important;padding:0!important;cursor:pointer;
}
.lolga-black .pdp-v4-page .pdp-v4-faq summary::-webkit-details-marker{display:none}
.lolga-black .pdp-v4-page .pdp-v4-faq summary::after{
  content:'+';font-size:23px;font-weight:800;line-height:1;flex:0 0 auto;color:#777;
}
.lolga-black .pdp-v4-page .pdp-v4-faq details[open] summary::after{
  content:'×';color:#45d42f;
}
.lolga-black .pdp-v4-page .pdp-v4-faq details p{padding:0 0 16px!important;margin:0!important}
.lolga-black .pdp-v4-page .pdp-v4-related{
  padding:26px 0 0!important;margin:0!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  gap:18px!important;margin-bottom:18px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related-kicker{
  color:#888!important;margin:0 0 5px!important;font-size:11px!important;
  letter-spacing:.13em;text-transform:uppercase;font-weight:900;
}
.lolga-black .pdp-v4-page .pdp-v4-related h2{
  margin:0!important;font-size:28px!important;line-height:1.1!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related-all{color:#45d42f!important;font-size:12px;font-weight:850}
/* Related row keeps the server-side ITEM card and its shared SKU/cart semantics. */
.lolga-black .pdp-v4-page .pdp-v4-related .pdp-v4-related-grid {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related li.li_bgs{
  position:relative!important;
  z-index:1;
  background:#171717!important;
  color:#f5f5f5!important;
  border-radius:14px!important;
  box-shadow:none!important;
  overflow:visible!important; /* Never clip the shared SKU popup. */
  min-width:0;
  margin:0!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related li.li_bgs.variant-open{
  z-index:2500!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related .good-card__sku,
.lolga-black .pdp-v4-page .pdp-v4-related .good-card__price-wrap{
  width:100%;
  min-width:0;
}
/* PDP related price row (regular and discounted). Scope to standalone
 * headline: SKU option prices intentionally remain end-aligned. */
.lolga-black .pdp-v4-page .pdp-v4-related .good-card__price-wrap,
.lolga-black .pdp-v4-page .pdp-v4-related .good-card__price-wrap > .good-card__price {
  justify-content: center !important;
  text-align: center !important;
}
.lolga-black .pdp-v4-page .pdp-v4-related .img_bg{
  border-radius:14px 14px 0 0;
  overflow:hidden; /* Clip the image only, not the card dropdown. */
}
.lolga-black .pdp-v4-page .pdp-v4-related .good-card__name{
  min-width:0;
}
.lolga-black .pdp-v4-page .pdp-v4-related-grid{
  isolation:isolate;
}
.lolga-black .pdp-v4-page .pdp-v4-related .img_bg{
  background:#101010!important;
  min-height:150px;
}
.lolga-black .pdp-v4-page .pdp-v4-related .product_img img{
  max-height:120px!important;
  width:auto;
  margin-inline:auto;
  -o-object-fit:contain;
     object-fit:contain;
  transform:none!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related .product_name{
  color:#fff!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related .one_sku,
.lolga-black .pdp-v4-page .pdp-v4-related .sell_price{
  color:#45d42f!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related .sell_del_price,
.lolga-black .pdp-v4-page .pdp-v4-related .sell_del_price_box{
  color:#777!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related .toggle_classify_child,
.lolga-black .pdp-v4-page .pdp-v4-related .less,
.lolga-black .pdp-v4-page .pdp-v4-related .plus,
.lolga-black .pdp-v4-page .pdp-v4-related .qty{
  background:#262626!important;
  color:#f5f5f5!important;
  border-color:#333!important;
}
.lolga-black .pdp-v4-page .pdp-v4-related .product_fun{
  display:flex!important;
  align-items:center;
  gap:6px;
}
.lolga-black .pdp-v4-page .pdp-v4-related .cart_btn,
.lolga-black .pdp-v4-page .pdp-v4-related .cart_btn svg{
  background:#45d42f!important;
  color:#081308!important;
  border:0!important;
  border-radius:9px!important;
  min-width:0;
}
.lolga-black .pdp-v4-page .pdp-v4-related .cart_btn svg{
  background:transparent!important;
  border-radius:0!important;
}
.lolga-black .pdp-v4-page .pdp-v4-site-reviews,
.lolga-black .pdp-v4-page .pdp-v4-seo-copy {
  margin-top:24px!important;background:#161616!important;border:0!important;
  border-radius:14px!important;padding:20px 24px!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy > .pdp-v4-seo-heading{margin:0 0 14px;color:#fff;font-size:22px}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy *{max-width:100%;overflow-wrap:anywhere}
.lolga-black .pdp-v4-page .pdp-v4-site-reviews > summary{
  list-style:none!important;color:#ddd!important;cursor:pointer;
  display:flex!important;justify-content:space-between;align-items:center;
  font-size:18px!important;font-weight:800!important;
}
.lolga-black .pdp-v4-page .pdp-v4-site-reviews > summary::-webkit-details-marker{display:none}
.lolga-black .pdp-v4-page .pdp-v4-site-reviews[open] > summary span{transform:rotate(45deg)}
.lolga-black .pdp-v4-page .pdp-v4-review-wrap{
  margin-top:18px;max-height:380px;overflow-y:auto!important;
  padding:15px;background:#202020;border-radius:10px;
}
.lolga-black .pdp-v4-page .lolga-review-tag{margin-bottom:15px!important;text-align:start!important}
.lolga-black .pdp-v4-page .lolga-review-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.lolga-black .pdp-v4-page .lolga-review-list li{
  padding:14px!important;margin:0!important;background:#181818!important;
  border-radius:10px!important;min-width:0;overflow-wrap:anywhere;
}
.lolga-black .pdp-v4-page .lolga-review-body{font-size:12px!important;line-height:1.6!important}
.lolga-black .pdp-v4-page .lolga-review-by{font-size:11px!important;color:#888!important}
@media(max-width:980px){
  .lolga-black .pdp-v4-page .pdp-v4-product,
  .lolga-black .pdp-v4-page .pdp-v4-content-grid{grid-template-columns:minmax(0,1fr)!important}
  .lolga-black .pdp-v4-page .pdp-v4-gallery,
  .lolga-black .pdp-v4-page .pdp-v4-buy{min-height:0!important}
  .lolga-black .pdp-v4-page .pdp-v4-buy{padding:22px!important;position:static!important;top:auto!important;align-self:stretch!important}
  .lolga-black .pdp-v4-page .pdp-v4-related .pdp-v4-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .lolga-black .pdp-v4-page .pdp-v4-gallery{padding:10px!important}
  .lolga-black .pdp-v4-page .pdp-v4-stage{min-height:315px!important}
  .lolga-black .pdp-v4-page .pdp-v4-stage .product_img{min-height:305px!important}
  .lolga-black .pdp-v4-page .pdp-v4-stage img.change_img{max-height:285px!important}
  .lolga-black .pdp-v4-page .pdp-v4-thumbs{min-height:75px!important;padding:6px!important;gap:7px!important}
  .lolga-black .pdp-v4-page .pdp-v4-thumb{width:60px!important;height:60px!important;flex-basis:60px}
  .lolga-black .pdp-v4-page .pdp-v4-buy{padding:20px!important;border-radius:14px!important}
  .lolga-black .pdp-v4-page .pdp-v4-buy h1{font-size:30px!important}
  .lolga-black .pdp-v4-page .pdp-v4-total p,
  .lolga-black .pdp-v4-page .pdp-v4-price-wrap .sell_price_detail{font-size:32px!important}
  .lolga-black .pdp-v4-page .pdp-v4-trust{grid-template-columns:1fr!important}
  .lolga-black .pdp-v4-page .pdp-v4-mobile-buybar{left:8px!important;right:8px!important}
  .lolga-black .pdp-v4-page .pdp-v4-info-card,
  .lolga-black .pdp-v4-page .pdp-v4-faq{padding:18px!important}
  .lolga-black .pdp-v4-page .lolga-review-list{grid-template-columns:1fr!important}
}
@media(max-width:480px){
 .lolga-black .pdp-v4-page .pdp-v4-related .pdp-v4-related-grid{gap:10px!important}
 .lolga-black .pdp-v4-page .pdp-v4-related .product_img img{max-height:96px!important}
}
/* Mobile gallery: separators, zoom button, and a 360px stage. Wider layouts stay as written above. */
@media(max-width:680px){
  .lolga-black .pdp-v4-page .lolga-crumbs,
  .lolga-black .pdp-v4-page .lolga-crumbs ol{
    flex-wrap:nowrap!important;
    gap:0!important;
    min-width:0;
    max-width:100%;
    overflow-x:auto;
    scrollbar-width:none;
    font-size:11px!important;
  }
  .lolga-black .pdp-v4-page .lolga-crumbs::-webkit-scrollbar,
  .lolga-black .pdp-v4-page .lolga-crumbs ol::-webkit-scrollbar{display:none}
  .lolga-black .pdp-v4-page .lolga-crumbs li{
    flex:none;
    white-space:nowrap;
  }
  .lolga-black .pdp-v4-page .lolga-crumbs li+li::before{
    content:"›";
    margin-inline:6px;
    color:#4f4f4f;
    font-style:normal;
  }
  .lolga-black .pdp-v4-page .pdp-v4-gallery-actions{
    position:absolute!important;
    top:16px!important;
    inset-inline-start:auto!important;
    inset-inline-end:16px!important;
  }
  .lolga-black .pdp-v4-page .pdp-hero-media{
    min-height:0!important;
    height:auto!important;
    flex:0 1 auto!important;
    justify-content:flex-start!important;
  }
  .lolga-black .pdp-v4-page .pdp-v4-stage{
    min-height:360px!important;
    height:360px!important;
    flex:0 0 360px!important;
    display:grid!important;
    place-items:center!important;
  }
  .lolga-black .pdp-v4-page .pdp-v4-stage .product_img{
    min-height:0!important;
    height:auto!important;
  }
  .lolga-black .pdp-v4-page .pdp-hero-media #big_img,
  .lolga-black .pdp-v4-page .pdp-v4-stage img.change_img{
    max-width:84%!important;
    max-height:300px!important;
  }
}
/* PDP mobile SKU layering — the original Tailwind xs:z-50 on the direct
 * Add to Cart grid button can still overlay the 12/60 layered SKU popup
 * even after position:static. Remove only that inherited stacking rank. */
.lolga-black .pdp-v4-page .pdp-v4-quantity-action > .cart_btn[data-add-cart] {
  z-index:auto!important;
}
/* The separate fixed purchase proxy has z-index:1100. While the real
 * detail SKU popup is open, let users reach every available/Notify row;
 * once aria-expanded becomes false the purchase proxy returns normally.
 * No changes to its event handlers, price or cart submission. */
@media(max-width:980px) {
  .lolga-black .pdp-v4-page:has([data-pdp-sku-trigger][aria-expanded="true"])
  .pdp-v4-mobile-buybar {
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
/* PDP FAQ: list the real, location-visible SKU choices in a compact and
 * accessible way. Availability follows the same sold-out flags as the selector.
 * Keep this separate from selectable purchase controls: SEO list is read-only. */
.lolga-black .pdp-v4-page .pdp-v4-faq-sku-list {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  padding:0;
  margin:10px 0 14px;
}
.lolga-black .pdp-v4-page .pdp-v4-faq-sku-list li {
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
  max-width:100%;
  padding:7px 10px;
  border-radius:5px;
  background:#282828;
  border:1px solid #353535;
  color:#ececec;
  overflow-wrap:anywhere;
  font-size:12px;
  line-height:1.5;
}
.lolga-black .pdp-v4-page .pdp-v4-faq-sku-status {
  color:var(--pdp-green, #45d42f);
  font-size:11px;
}
.lolga-black .pdp-v4-page .pdp-v4-faq-sku-list .is-sold-out {
  color:#888;
  background:#222;
}
.lolga-black .pdp-v4-page .pdp-v4-faq-sku-list .is-sold-out .pdp-v4-faq-sku-status {
  color:#999;
}
/**
 * LOLGA PDP rich-text V2 — scoped legacy HTML reading mode.
 * Based on docs/cursor/pdp-richtext-one-rule.md (4,580 scanned nonempty
 * introduce rows, 253 signatures; 2,735 site_id=2 rows).
 * Never touch catalog, checkout, reviews or the purchase widget.
 */
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext {
  color:#f4f4f4;
  background:#161616;
  font-size:15px;
  line-height:1.75;
  overflow-wrap:anywhere;
  min-width:0;
}
/* Old font/span/editor colors (including text-black and text-gray-700)
 * are presentation only; one accessible text color across all legacy articles.
 * Do not recolor SVG fills, stroke paths, images or embedded documents. */
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(*:not(svg):not(svg *)) {
  color:#f4f4f4!important;
  max-width:100%;
  overflow-wrap:anywhere;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(a, a span, a font, a strong, a em, a b) {
  color:#45d42f!important;
  text-decoration:underline;
  text-underline-offset:3px;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext a:focus-visible {
  outline:2px solid #45d42f;
  outline-offset:3px;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(strong,b) {
  color:#fff!important;
  font-weight:750;
}
/* Links stay green even when old editorial markup nests strong/font/span. */
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(a, a *) {
  color:#45d42f!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(p, ul, ol, blockquote, figure, pre) {
  margin:0 0 1.15em;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(h2,h3,h4,h5,h6) {
  color:#f4f4f4!important;
  font-weight:750!important;
  line-height:1.35!important;
  margin:1.55em 0 .65em!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext h2 {font-size:1.55rem!important;}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext h3 {font-size:1.3rem!important;}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext h4 {font-size:1.13rem!important;}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(h5,h6) {font-size:1rem!important;}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(ul,ol) {
  padding-inline-start:1.7em!important;
  margin-block:1em!important;
  list-style-position:outside!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext ul {list-style-type:disc!important;}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext ol {list-style-type:decimal!important;}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext li {display:list-item!important;margin:.25em 0;}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(merlin-component,sider-code-explain) {
  display:block;
  min-width:0;
  margin-block:.8em;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext blockquote {
  padding:12px 16px;
  border-inline-start:3px solid #45d42f;
  background:#212121!important;
  border-radius:6px;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(pre,code) {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext pre {
  max-width:100%;
  overflow-x:auto;
  white-space:pre;
  padding:14px;
  border-radius:8px;
  background:#202020!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :not(pre) > code {
  padding:2px 5px;
  border-radius:4px;
  background:#202020!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(img,video) {
  max-width:100%!important;
  height:auto!important;
  -o-object-fit:contain;
     object-fit:contain;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(iframe) {
  display:block;
  max-width:100%;
  border:0;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext figure {max-width:100%;}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext figcaption {
  color:#bdbdbd!important;
  font-size:.875em;
  text-align:center;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext table {
  display:block;
  max-width:100%!important;
  width:-moz-max-content;
  width:max-content;
  overflow-x:auto;
  border-collapse:collapse;
  margin:1.2em 0;
  background:#202020!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(th,td) {
  padding:9px 12px;
  border:1px solid #353535!important;
  color:#f4f4f4!important;
  vertical-align:top;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext th {
  font-weight:750;
  background:#242424!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(span,font,p,li,div,section,article) {
  background-color:transparent!important;
  background-image:none!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext hr {
  border:0;
  border-top:1px solid #353535;
  margin:1.5em 0;
}
/* A card is one anchor around a heading and paragraph. Keep it one box:
 * no inherited underline, title white, body text the page color.
 * Ordinary inline links above stay green and underlined. */
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext a:has(h2, h3, h4, h5, h6, p, ul, ol, div) {
  display:block;
  color:#f4f4f4!important;
  text-decoration:none;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext a:has(h2, h3, h4, h5, h6, p, ul, ol, div) :where(p, li, span, div) {
  color:#f4f4f4!important;
  text-decoration:none;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext a:has(h2, h3, h4, h5, h6, p, ul, ol, div) :where(h2, h3, h4, h5, h6) {
  margin:0 0 .35em!important;
  color:#fff!important;
  text-decoration:none;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext a:has(h2, h3, h4, h5, h6, p, ul, ol, div) p {
  margin:0!important;
}
/* Card grids already number themselves (STEP 1). Do not paint a second 1,2,3,4
 * beside the box. Ordinary lists without grid / card children keep markers. */
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(ol.grid, ul.grid),
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(ol, ul):has(> li.rounded-xl) {
  list-style:none!important;
  padding-inline-start:0!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(ol.grid, ul.grid) > li,
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(ol, ul):has(> li.rounded-xl) > li {
  display:block!important;
  list-style:none!important;
  margin:0!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(ol.grid, ul.grid) > li p,
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(ol, ul):has(> li.rounded-xl) > li p {
  margin:0!important;
}
/* Brand-green chips live only on span/strong/b. Do not recolor a whole callout. */
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(span, strong, b)[class*="45d42f"] {
  color:#45d42f!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext [class*="border-l-4"][class*="45d42f"] {
  border-inline-start:4px solid #45d42f!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(section, div)[class*="border"] > :where(h2, h3, h4):first-child {
  margin-top:0!important;
}
/* The visible seo_title is hidden. Legacy wrappers often add p-6 / space-y
 * plus the first h2's own top margin, which stacked into a hole and indent. */
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext > :first-child {
  margin:0!important;
  padding:0!important;
}
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext > :first-child > :first-child,
.lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext > :first-child > :first-child > :where(h2, h3, h4, p):first-child {
  margin-top:0!important;
  padding-top:0!important;
}
@media(max-width:640px) {
  .lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext {font-size:14px;}
  .lolga-black .pdp-v4-page .pdp-v4-seo-copy .pdp-richtext :where(th,td) {padding:7px 9px;}
}
/**
 * Catalog Rich Text V3 — ONE reading contract for every black-theme list.
 * Design reference: docs/good-list-refactor/catalog-richtext-v3-design.html
 * Data inventory: docs/cursor/list-seo-introduce-styles.md
 *
 * Scope is ONLY the SSR seoModel->introduce output. Not PDP, Tips, cards,
 * SKU, Gold pricing, Player filters, checkout or other generic Tailwind.
 */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext {
  --cr-bg:#181818;
  --cr-card:#222522;
  --cr-line:#353735;
  --cr-body:#cfcfcf;
  --cr-head:#f4f4f4;
  --cr-muted:#aeb8ad;
  --cr-link:#45d42f;
  --cr-warn:#f6b204;
  color:var(--cr-body)!important;
  background:transparent!important;
  font-size:16px;
  line-height:1.76;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  text-align:start;
}
/* Old editor colors (black, slate, gray, red, blue, <font color>), inline
   white surfaces, and gradient utilities are presentation, not semantics.
   Only the isolated content subtree is normalized. SVG/media untouched. */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(*:not(svg):not(svg *)) {
  color:var(--cr-body)!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(div,section,article,figure,p,blockquote) {
  width:auto;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext > :first-child {
  margin-block-start:0!important;
}
/* Reset only the outer legacy article wrapper. Nested cards keep padding. */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext > :where(div,section,article):not(.grid) {
  margin-inline:0!important;
  padding-inline:0!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(h1,h2,h3,h4,h5,h6) {
  color:var(--cr-head)!important;
  font-weight:750!important;
  line-height:1.34!important;
  letter-spacing:-.012em;
  text-align:start;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(h1,h2) {
  margin:30px 0 12px!important;
  font-size:24px!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext h3 {
  margin:19px 0 9px!important;
  font-size:19px!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext h4 {
  margin:16px 0 8px!important;
  font-size:16px!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(h5,h6) {
  margin:14px 0 7px!important;
  font-size:15px!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(p,blockquote,pre,figure) {
  margin-block:0 15px;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(strong,b) {
  color:#fff!important;
  font-weight:750;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(a,a span,a font,a strong,a b,a em) {
  color:var(--cr-link)!important;
  text-decoration:underline;
  text-underline-offset:3px;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext a:hover {
  color:#7bf269!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext a:focus-visible,
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext summary:focus-visible {
  outline:2px solid var(--cr-link);
  outline-offset:3px;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(ul,ol) {
  padding-inline-start:1.7em!important;
  margin-block:10px 19px!important;
  list-style-position:outside!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext ul {
  list-style-type:disc!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext ol {
  list-style-type:decimal!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext li {
  display:list-item;
  margin-block:6px;
  padding-inline-start:3px;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext li::marker {
  color:var(--cr-link);
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext hr {
  border:0!important;
  border-block-start:1px solid var(--cr-line)!important;
  margin:26px 0;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(img,video) {
  display:inline-block;
  max-width:100%!important;
  height:auto!important;
  -o-object-fit:contain;
     object-fit:contain;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext iframe {
  display:block;
  max-width:100%!important;
  border:0;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext figcaption {
  color:var(--cr-muted)!important;
  font-size:13px;
  text-align:center;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(merlin-component,sider-code-explain) {
  display:block;
  margin-block:10px;
  min-width:0;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(pre,code) {
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext pre {
  display:block;
  max-width:100%;
  padding:14px 16px;
  overflow-x:auto;
  white-space:pre;
  background:#232623!important;
  border-radius:8px;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :not(pre)>code {
  padding:2px 5px;
  border-radius:4px;
  background:#282b28!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext blockquote {
  border:0!important;
  border-inline-start:3px solid var(--cr-link)!important;
  padding:12px 16px!important;
  margin:20px 0;
  background:#222522!important;
  border-radius:6px;
}
/* Legacy Tailwind card grids. Keep grid/links/semantic step grouping; never
   turn every article div into a card or blindly erase inner padding. */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(.grid) {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
  gap:14px!important;
  margin-block:16px 24px;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(.grid)>:where(a,div,section,article,li),
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(a,div,section,article,li)[class~="rounded-xl"][class*="border"],
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(a,div,section,article,li)[class~="rounded-2xl"][class*="border"] {
  display:block;
  min-width:0;
  padding:17px!important;
  background:var(--cr-card)!important;
  border:1px solid var(--cr-line)!important;
  border-radius:9px!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(.grid)>:where(a,div,section,article,li):hover,
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext a:has(> h3):hover {
  border-color:#4f8550!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(.grid) :where(h2,h3,h4):first-child,
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(.grid)>li> :where(h2,h3,h4):first-child {
  margin-top:0!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(.grid)>:where(a,div,section,article,li) :where(p):last-child {
  margin-bottom:0!important;
}
/* One anchor around an entire article/card should not underline paragraphs.
   Ordinary inline links still have a visible green underline. */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext a:has(> :where(h2,h3,h4,p,div,section)) {
  display:block;
  color:var(--cr-body)!important;
  text-decoration:none!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext a:has(> :where(h2,h3,h4,p,div,section)) :where(p,div,span,li) {
  color:var(--cr-body)!important;
  text-decoration:none!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext a:has(> :where(h2,h3,h4,p,div,section)) :where(h2,h3,h4,strong,b) {
  color:var(--cr-head)!important;
  text-decoration:none!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(ul,ol).grid,
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(ul,ol):has(>li.rounded-xl) {
  list-style:none!important;
  padding-inline-start:0!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(ul,ol).grid>li,
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(ul,ol):has(>li.rounded-xl)>li {
  display:block!important;
  margin:0!important;
}
/* Preserve editorial callout semantics but never mistake every red/blue word
   for a warning. Border-accent cards retain their deliberate accent. */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(div,section,aside,blockquote)[class*="border-l-4"],
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(div,section,aside,blockquote)[class*="border-l-2"] {
  border:0!important;
  border-inline-start:3px solid var(--cr-link)!important;
  background:#242524!important;
  border-radius:8px!important;
  padding:15px 18px!important;
  margin-block:17px;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(div,section,aside)[class*="border-l-4"]> :where(h2,h3,h4):first-child {
  margin-top:0!important;
}
/* FAQ accordion keeps native summary interaction, not a fake decorative box. */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext details {
  border:0!important;
  border-block-end:1px solid var(--cr-line)!important;
  background:transparent!important;
  margin:0!important;
  padding:0!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext details:first-of-type {
  border-block-start:1px solid var(--cr-line)!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext summary {
  display:list-item;
  cursor:pointer;
  padding:15px 28px 15px 0!important;
  color:var(--cr-head)!important;
  font-weight:700;
  line-height:1.5;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext [dir="rtl"] summary {
  padding-inline:0 28px!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext details> :not(summary) {
  margin-inline:0;
}
/* Table semantics and cells remain intact; scroll the table, not the page. */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext table {
  display:block;
  width:-moz-max-content;
  width:max-content;
  max-width:100%!important;
  overflow-x:auto;
  border-collapse:collapse;
  margin:18px 0 24px;
  border:1px solid var(--cr-line)!important;
  border-radius:8px;
  background:#202020!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(th,td) {
  color:var(--cr-body)!important;
  padding:10px 13px!important;
  border:1px solid var(--cr-line)!important;
  text-align:start;
  vertical-align:top;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext th {
  color:var(--cr-head)!important;
  background:#292d29!important;
  font-weight:750!important;
}
/* Use logical properties for Arab/English mixed documents. Never force LTR. */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where([dir="rtl"]) {
  direction:rtl!important;
  text-align:start!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where([dir="ltr"]) {
  direction:ltr!important;
  text-align:start!important;
}
@media(max-width:767px) {
  .lolga-black .catalog-page .catalog-seo-copy.catalog-richtext {
    font-size:15px;
    line-height:1.72;
  }
  .lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(h1,h2) {
    font-size:21px!important;
    margin-top:25px!important;
  }
  .lolga-black .catalog-page .catalog-seo-copy.catalog-richtext h3 {
    font-size:18px!important;
  }
  .lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(.grid) {
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(.grid)>:where(a,div,section,article,li) {
    padding:14px!important;
  }
  .lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(th,td) {
    padding:8px 10px!important;
  }
}
/* V3.1 — APPROVED DESIGN B / thin heading divider.
   H1 and first article H2 share a text baseline, with a subtle rule between.
   Later sections keep their own top margins and cards retain padding. */
.lolga-black .catalog-page .catalog-seo > .catalog-seo-title {
  margin-block-end:17px!important;
  padding-block-end:18px!important;
  border-block-end:1px solid #373937!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext {
  padding-inline:0!important;
  text-align:start;
}
/* Remove stacked spacing ONLY for the first heading, even when old editor
   markup adds a few wrapper layers around the opening paragraph. */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext > :first-child:is(h1,h2,h3,h4),
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext > :first-child > :first-child:is(h1,h2,h3,h4),
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext > :first-child > :first-child > :first-child:is(h1,h2,h3,h4),
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext > :first-child > :first-child > :first-child > :first-child:is(h1,h2,h3,h4) {
  margin-block-start:0!important;
  padding-block-start:0!important;
}
/* Only neutralize leading non-card wrappers. Don't shrink grid layouts,
   card padding, FAQs, table structure, or later headings. */
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext > :first-child:is(div,section,article,main):not(.grid):not([class*="border"]):not([class*="rounded"]),
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext > :first-child > :first-child:is(div,section,article,main):not(.grid):not([class*="border"]):not([class*="rounded"]),
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext > :first-child > :first-child > :first-child:is(div,section,article,main):not(.grid):not([class*="border"]):not([class*="rounded"]) {
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  padding-inline:0!important;
  margin-block-start:0!important;
  padding-block-start:0!important;
}
.lolga-black .catalog-page .catalog-seo-copy.catalog-richtext :where(h2,h3,h4) + p {
  margin-block-start:0!important;
}
@media(max-width:767px) {
  .lolga-black .catalog-page .catalog-seo > .catalog-seo-title {
    margin-block-end:17px!important;
    padding-block-end:18px!important;
  }
}
/* V3.2 — catalog SEO → footer boundary, across ALL list families.
   Old family shells use 34–48px bottom padding and legacy editor markup can
   add another p-6/mb-* on the final wrapper. Remove only the trailing blank
   space, not line-height or interior card/FAQ/step spacing. */
.lolga-black #pages.catalog-page .catalog-seo {
  padding-bottom:20px!important;
}
@media(max-width:767px) {
  .lolga-black #pages.catalog-page .catalog-seo {
    padding-bottom:18px!important;
  }
}
/* One end-of-article margin for the last visible text/media block.
   These paths follow ONLY :last-child, so paragraphs elsewhere are unaffected. */
.lolga-black #pages.catalog-page .catalog-seo-copy.catalog-richtext > :last-child:is(p,ul,ol,table,blockquote,pre,figure,details),
.lolga-black #pages.catalog-page .catalog-seo-copy.catalog-richtext > :last-child > :last-child:is(p,ul,ol,table,blockquote,pre,figure,details),
.lolga-black #pages.catalog-page .catalog-seo-copy.catalog-richtext > :last-child > :last-child > :last-child:is(p,ul,ol,table,blockquote,pre,figure,details),
.lolga-black #pages.catalog-page .catalog-seo-copy.catalog-richtext > :last-child > :last-child > :last-child > :last-child:is(p,ul,ol,table,blockquote,pre,figure,details) {
  margin-block-end:0!important;
}
/* Ignore outdated trailing bottom padding on plain editor wrappers only.
   Decorative cards, FAQ accordions and grid items retain their own padding. */
.lolga-black #pages.catalog-page .catalog-seo-copy.catalog-richtext > :last-child:is(div,section,article):not(.grid):not([class*="border"]):not([class*="rounded"]),
.lolga-black #pages.catalog-page .catalog-seo-copy.catalog-richtext > :last-child > :last-child:is(div,section,article):not(.grid):not([class*="border"]):not([class*="rounded"]),
.lolga-black #pages.catalog-page .catalog-seo-copy.catalog-richtext > :last-child > :last-child > :last-child:is(div,section,article):not(.grid):not([class*="border"]):not([class*="rounded"]) {
  margin-block-end:0!important;
  padding-block-end:0!important;
}
/* V3.3 — full catalog compact opening; all product families.
   Gold / Player / ITEM old shells add 34px margin + 34–48px padding
   BEFORE H1; prevent an 80px blank between the purchase area and SEO.
   The bottom remains V3.2's 20px / 18px, and Design B's divider stays. */
.lolga-black #pages.catalog-page .catalog-seo {
  margin-top:20px!important;
}
@media(max-width:767px) {
  .lolga-black #pages.catalog-page .catalog-seo {
    margin-top:14px!important;
  }
}
/* V3.5: Historic editor spacer paragraphs and explicit <br> remain in
   the DOM and visible. Never hide empty paragraphs based on content here;
   spacing edits must stay on the surrounding section boundary only. */
/* V3.4 — cross-family hidden pagination and catalog section boundary.
   All list families render the same <nav data-pagination hidden> when there
   is only one page. The legacy V2 .pagination-bar display:flex + padding
   overrides the user-agent [hidden] rule outside ITEM, yielding a phantom
   empty 36px strip. Respect the SSR/JS hidden state for every family. */
.lolga-black #pages.catalog-page .pagination-bar[hidden] {
  display:none!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
}
/* Gold / Player purchase surfaces previously left another 30px below
   themselves before the shared catalog-seo's own margin-top and padding.
   Let the shared catalog-seo own that boundary; preserve all inner spacing,
   and do not change visible pagination when there are multiple pages. */
.lolga-black #pages.catalog-page .games_product > :is(.gold-panel,.player-shell) {
  margin-bottom:0!important;
}
/**
 * LOLGA Items for Points V4 — visual parity with /credit V4.
 *
 * PURPOSE: Shared Points visual vocabulary for the Swap domain.
 * OWNS: data-swap-v4 page shell, game sidebar, search/filter fields,
 *       cart drawer, mobile drawers and instructional content presentation.
 * INPUT: SwapController swapGameList / coinAccount and original data-swap-* hooks.
 * MUST NOT: change Credit visuals, domain renderer, selected SKU, cart endpoints,
 *           order payload, business points or shared Header/Footer.
 * RELATED DOC: docs/member/items-for-points-v4.md
 * DESIGN SOURCE: /credit V4, LOLGA dark palette #101010 #181818 #202020 #45d42f.
 */
/* Swap page V4 — template-scoped. Preserve real cart, game selection and checkout contracts. */
.lolga-black [data-swap-v4]{--swap-v4-bg:#101010;--swap-v4-card:#181818;--swap-v4-control:#202020;--swap-v4-border:#353535;--swap-v4-green:#45d42f;color:#bbb;background:#101010;min-width:0}
.lolga-black [data-swap-v4] .ex-card{background: #2c2c2c !important}
.lolga-black [data-swap-v4] *{box-sizing:border-box}
.lolga-black [data-swap-v4] .swap-v4-main{width:min(1320px,calc(100% - 36px));max-width:none;margin:auto;padding:0}
.lolga-black [data-swap-v4] .swap-v4-head{padding:34px 0 18px;border:0;background:transparent}
.lolga-black [data-swap-v4] .swap-v4-eyebrow{margin:0 0 8px;color:#45d42f;font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.lolga-black [data-swap-v4] .swap-v4-head-main{display:flex;align-items:center;justify-content:space-between;gap:25px}
.lolga-black [data-swap-v4] .swap-v4-head-copy{min-width:0}
.lolga-black [data-swap-v4] .swap-v4-head-copy h1{margin:0 0 10px;color:#fff;font-size:clamp(27px,2.5vw,36px);font-weight:760;line-height:1.15;letter-spacing:-.035em}
.lolga-black [data-swap-v4] .swap-v4-head-copy>p{max-width:680px;margin:0;color:#999;font-size:13px;line-height:1.7}
.lolga-black [data-swap-v4] .swap-v4-points-card{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;flex:none;justify-content:flex-end;max-width:400px;background:#181818;border:1px solid #303030;border-radius:11px;padding:15px 20px}
.lolga-black [data-swap-v4] .swap-v4-points-card span{color:#aaa;font-size:12px}
.lolga-black [data-swap-v4] .swap-v4-points-card strong{color:#fff;font-size:24px;line-height:1.1;overflow-wrap:anywhere}
.lolga-black [data-swap-v4] .swap-v4-points-card small{color:#888;font-size:11px}
.lolga-black [data-swap-v4] .swap-v4-links-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:25px}
.lolga-black [data-swap-v4] .swap-v4-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.lolga-black [data-swap-v4] .swap-v4-tab{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;background:#202020;border:1px solid #303030;border-radius:8px;color:#aaa;font-size:12px;font-weight:700;line-height:1.3;text-decoration:none}
.lolga-black [data-swap-v4] .swap-v4-tab:hover{color:#fff;background:#292929}
.lolga-black [data-swap-v4] .swap-v4-tab.is-on{background:#292929;color:#fff;border-color:#404040}
.lolga-black [data-swap-v4] .swap-v4-history{color:#45d42f;font-size:12px;font-weight:700;text-decoration:none}
.lolga-black [data-swap-v4] .swap-v4-history:hover{text-decoration:underline}
.lolga-black [data-swap-v4] .swap-v4-notice{margin:0 0 20px;background:#181818;border:0;border-left:2px solid #45d42f;border-radius:7px;color:#aaa;padding:12px 15px;font-size:12px;font-weight:500;line-height:1.6}
.lolga-black [data-swap-v4] .swap-v4-section{padding:0 0 65px}
.lolga-black [data-swap-v4] .swap-v4-layout{display:grid;grid-template-columns:226px minmax(0,1fr);gap:20px;align-items:start}
.lolga-black [data-swap-v4] .swap-v4-sidebar{min-width:0;background:#181818;border-radius:12px;padding:17px}
.lolga-black [data-swap-v4] .swap-v4-sidebar .lolga-sell-nav-title{font-weight:750;color:#fff;font-size:15px;padding:0 0 9px}
.lolga-black [data-swap-v4] .swap-v4-sidebar .purchase_game{max-height:640px;scrollbar-width:thin;scrollbar-color:#515151 transparent}
.lolga-black [data-swap-v4] .swap-v4-workspace{min-width:0;background:#181818;padding:22px;border-radius:12px}
.lolga-black [data-swap-v4] .swap-v4-workspace-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lolga-black [data-swap-v4] .swap-v4-section-kicker{font-size:10px;letter-spacing:.1em;color:#8e8e8e;font-weight:700}
.lolga-black [data-swap-v4] .swap-v4-workspace-title h2{margin:6px 0 0;color:#fff;font-size:21px;line-height:1.25;font-weight:740}
.lolga-black [data-swap-v4] .swap-v4-filter-fields{display:grid;gap:15px;margin:21px 0 16px}
.lolga-black [data-swap-v4] .swap-v4-select-group,.lolga-black [data-swap-v4] .lolga-chip-block{margin:0;min-width:0}
.lolga-black [data-swap-v4] .swap-v4-label,.lolga-black [data-swap-v4] .lolga-chip-label{margin:0 0 9px;font-size:12px;font-weight:700;color:#ddd}
.lolga-black [data-swap-v4] .swap-v4-chip-list{margin:0;padding:0;list-style:none}
.lolga-black [data-swap-v4] .swap-v4-choice,.lolga-black [data-swap-v4] .lolga-chip{background:#202020;color:#bbb;min-height:36px;border:1px solid #343434;border-radius:8px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1.4;text-align:center;cursor:pointer}
.lolga-black [data-swap-v4] .swap-v4-choice:hover,.lolga-black [data-swap-v4] .lolga-chip:hover{background:#292929;color:#fff}
.lolga-black [data-swap-v4] .swap-v4-choice.border-\[\#45d42f\],.lolga-black [data-swap-v4] .lolga-chip.is-on{border-color:#45d42f;color:#fff;background:#252525}
.lolga-black [data-swap-v4] [data-server-search]{background:#202020;border:1px solid #363636;border-radius:8px;color:#fff;padding:10px;min-height:39px}
.lolga-black [data-swap-v4] .swap-v4-products-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:19px;border-top:1px solid #303030;margin-top:14px;margin-bottom:12px}
.lolga-black [data-swap-v4] .swap-v4-products-header h3{margin:0;color:#fff;font-size:16px;font-weight:730}
.lolga-black [data-swap-v4] .swap-v4-products-header span{color:#888;font-size:11px}
.lolga-black [data-swap-v4] .swap-v4-goods{margin:0;min-height:120px}
.lolga-black [data-swap-v4] .swap-v4-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:200px;padding:24px;color:#aaa;background:#202020;border-radius:10px;text-align:center}
.lolga-black [data-swap-v4] .swap-v4-empty[hidden]{display:none!important}
.lolga-black [data-swap-v4] .swap-v4-empty p{margin:0;font-size:13px}
.lolga-black [data-swap-v4] .swap-v4-form-shell{margin-top:24px;padding:0;border:0}
.lolga-black [data-swap-v4] .swap-v4-delivery-panel{padding-top:22px;border-top:1px solid #303030}
.lolga-black [data-swap-v4] .swap-v4-delivery-panel h3{margin:0 0 16px;color:#fff;font-size:18px;font-weight:730}
.lolga-black [data-swap-v4] .swap-v4-delivery-panel h3 span{color:#45d42f}
.lolga-black [data-swap-v4] .credit_form{min-width:0}
.lolga-black [data-swap-v4] .swap-v4-loading{display:flex;align-items:center;gap:8px;width:-moz-max-content;width:max-content;min-height:48px;padding:12px 16px;background:#202020;color:#fff;border:1px solid #3a3a3a;border-radius:8px}
.lolga-black [data-swap-v4] .swap-v4-mobile-filter-button{align-items:center;gap:7px;min-height:37px;padding:8px 11px;background:#202020;color:#fff;border:1px solid #343434;border-radius:8px;font-size:12px;font-weight:700}
.lolga-black [data-swap-v4] .swap-v4-mobile-filter-button svg{width:18px;height:18px}
.lolga-black [data-swap-v4] .swap-v4-filter-overlay{background:rgba(0,0,0,.72)}
.lolga-black [data-swap-v4] .swap-v4-mobile-panel{background:#181818;color:#bbb;border-left:1px solid #343434}
.lolga-black [data-swap-v4] .swap-v4-close-filter{background:#252525;color:#eee;border:0}
.lolga-black [data-swap-v4] .swap-v4-mobile-nav{padding:10px 14px}
.lolga-black [data-swap-v4] .swap-v4-cart-fab{width:52px;height:52px;background:#45d42f!important;color:#071207!important;border-radius:50%;box-shadow:none;right:17px;bottom:20px;top:auto}
.lolga-black [data-swap-v4] .swap-v4-cart-fab [data-domain-cart-count]{background:#202020!important;color:#fff!important;box-shadow:none}
.lolga-black [data-swap-v4] .swap-v4-cart-panel .swap-v4-cart-shell{background:#181818!important;color:#bbb;border-left:1px solid #333}
.lolga-black [data-swap-v4] .swap-v4-cart-panel .swap-v4-cart-footer{background:#202020!important;color:#fff}
.lolga-black [data-swap-v4] .swap-v4-cart-panel [data-swap-v4-submit]{background:#45d42f!important;color:#071207!important;border-radius:8px;box-shadow:none}
.lolga-black [data-swap-v4] .swap-v4-cart-panel [data-swap-v4-submit]:hover{background:#55ef3f!important}
.lolga-black [data-swap-v4] .swap-v4-cart-panel [data-swap-v4-cart]{background:#181818}
.lolga-black .swap-v4-no-games{max-width:1100px;margin:0 auto;padding:40px 18px 72px;color:#aaa}
.lolga-black .swap-v4-no-games h1{margin:0 0 20px;color:#fff;font-size:27px;font-weight:750}
.lolga-black .swap-v4-no-games .swap-v4-empty{display:grid;place-items:center;gap:10px;padding:40px 20px;background:#181818;border-radius:12px}
.lolga-black .swap-v4-no-games .swap-v4-back-link{color:#45d42f;text-decoration:none;font-size:13px;font-weight:700}
@media(max-width:1023px){
 .lolga-black [data-swap-v4] .swap-v4-layout{display:block}
 .lolga-black [data-swap-v4] .swap-v4-sidebar{display:none}
 .lolga-black [data-swap-v4] .swap-v4-mobile-filter-button{display:inline-flex}
}
@media(max-width:680px){
 .lolga-black [data-swap-v4] .swap-v4-main{width:calc(100% - 24px)}
 .lolga-black [data-swap-v4] .swap-v4-head{padding:19px 0 14px}
 .lolga-black [data-swap-v4] .swap-v4-head-main{align-items:stretch;flex-direction:column;gap:13px}
 .lolga-black [data-swap-v4] .swap-v4-head-copy h1{font-size:25px}
 .lolga-black [data-swap-v4] .swap-v4-points-card{max-width:none;justify-content:flex-start;padding:13px}
 .lolga-black [data-swap-v4] .swap-v4-links-row{margin-top:16px;align-items:flex-start}
 .lolga-black [data-swap-v4] .swap-v4-tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .lolga-black [data-swap-v4] .swap-v4-tab{padding:9px;text-align:center;white-space:normal}
 .lolga-black [data-swap-v4] .swap-v4-workspace{padding:15px;border-radius:10px}
 .lolga-black [data-swap-v4] .swap-v4-workspace-title h2{font-size:19px}
 .lolga-black [data-swap-v4] .swap-v4-products-header{display:block}
 .lolga-black [data-swap-v4] .swap-v4-products-header span{display:block;margin-top:5px}
 .lolga-black [data-swap-v4] .swap-v4-section{padding-bottom:50px}
}
/* CREDIT-V4 LEFT NAV: one owner, existing API + data-game-* events unchanged. */
.lolga-black [data-swap-v4] .swap-v4-layout{grid-template-columns:238px minmax(0,1fr);gap:18px}
.lolga-black [data-swap-v4] .swap-v4-sidebar{padding:16px 14px 18px;overflow:hidden}
.lolga-black [data-swap-v4] .swap-v4-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:0 2px 13px;border-bottom:1px solid #2e2e2e}
.lolga-black [data-swap-v4] .swap-v4-sidebar-heading h2{margin:0;color:#fff;font-size:15px;font-weight:750;line-height:1.35}
.lolga-black [data-swap-v4] .swap-v4-sidebar-count{display:grid;place-items:center;min-width:25px;height:23px;padding:0 6px;background:#262626;border-radius:7px;color:#aaa;font-size:11px;font-weight:700}
.lolga-black [data-swap-v4] .lolga-sell-nav{background:transparent;border-radius:0;padding:0;min-width:0}
.lolga-black [data-swap-v4] .swap-v4-desktop-nav .lolga-sell-nav-title{display:none}
.lolga-black [data-swap-v4] .lolga-sell-nav #filter-section-mobile-1{padding:0;margin:0}
.lolga-black [data-swap-v4] .lolga-sell-nav .purchase_game{display:flex;flex-direction:column;gap:4px;max-height:min(64vh,560px);overflow-x:hidden;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#454545 transparent;margin:0;padding:0 2px 0 0;list-style:none}
.lolga-black [data-swap-v4] .lolga-sell-nav .purchase_game>.lolga-sell-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:40px;margin:0!important;padding:9px 10px;background:transparent;border:1px solid transparent;border-radius:8px;color:#aaa;text-align:left;font-size:12.5px;font-weight:550;line-height:1.4;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
.lolga-black [data-swap-v4] .lolga-sell-nav .purchase_game>.lolga-sell-nav-item:hover{background:#222;color:#fff}
.lolga-black [data-swap-v4] .lolga-sell-nav .purchase_game>.lolga-sell-nav-item:focus-visible{outline:2px solid #45d42f;outline-offset:-2px}
.lolga-black [data-swap-v4] .lolga-sell-nav .purchase_game>.lolga-sell-nav-item.is-active{background:#272727;border-color:#383838;color:#fff;font-weight:700}
.lolga-black [data-swap-v4] .lolga-sell-nav .lolga-sell-check{display:grid;place-items:center;width:17px;height:17px;min-width:17px;border:1px solid #505050;border-radius:5px;color:#a3a3a3;background:#202020}
.lolga-black [data-swap-v4] .lolga-sell-nav .lolga-sell-check.is-on{background:#45d42f;border-color:#45d42f;color:#0a1608}
.lolga-black [data-swap-v4] .lolga-sell-nav .lolga-sell-check-ico{display:block;width:12px;height:12px;stroke-width:2.5}
.lolga-black [data-swap-v4] .lolga-sell-nav .swap-v4-game-label{display:block;flex:1;min-width:0;color:inherit;overflow-wrap:break-word}
.lolga-black [data-swap-v4] .lolga-sell-nav .lolga-sell-contact{display:grid;gap:11px;margin:17px 0 0;padding:17px 2px 0;border-top:1px solid #303030;list-style:none;min-width:0}
.lolga-black [data-swap-v4] .lolga-sell-nav .lolga-sell-contact::before{content:"NEED HELP?";display:block;margin-bottom:1px;color:#888;font-size:10px;font-weight:750;letter-spacing:.09em}
.lolga-black [data-swap-v4] .lolga-sell-nav .lolga-sell-contact li{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:0;color:#aaa;font-size:12px;line-height:1.35}
.lolga-black [data-swap-v4] .lolga-sell-nav .lolga-sell-contact li a{display:flex;align-items:center;gap:9px;min-width:0;color:#aaa;text-decoration:none}
.lolga-black [data-swap-v4] .lolga-sell-nav .lolga-sell-contact li a:hover{color:#fff}
.lolga-black [data-swap-v4] .lolga-sell-nav .lolga-sell-contact li img{display:block;flex:none;width:20px;height:20px;max-width:20px;-o-object-fit:contain;object-fit:contain}
.lolga-black [data-swap-v4] .lolga-sell-nav .lolga-sell-contact li span{display:block;min-width:0;overflow-wrap:anywhere;font-size:12px}
@media(max-width:1023px){
 .lolga-black [data-swap-v4] .swap-v4-mobile-nav{border-radius:0;padding:0 14px!important;background:transparent}
 .lolga-black [data-swap-v4] .swap-v4-mobile-nav .purchase_game{max-height:min(55vh,520px);padding-right:5px}
 .lolga-black [data-swap-v4] .swap-v4-mobile-nav .lolga-sell-contact{padding-bottom:18px}
}
/* SWAP V4 — page-only compatibility and responsive SELECT2.
 PURPOSE: Match /credit V4 without replacing Swap/Points domain ownership.
 OWNS: data-swap-v4 shell, select controls, cart panel and original instruction copy.
 MUST NOT: change the goods renderer, SKU identity, swap Cart endpoints or server-authoritative points.
 RELATED DOC: docs/member/items-for-points-v4.md. DESIGN SOURCE: /credit V4. */
.lolga-black [data-swap-v4] .swap-v4-native-game{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lolga-black [data-swap-v4] .swap-v4-select-group select{display:block;width:100%;min-height:42px;padding:9px 12px;border-radius:8px;border:1px solid #353535;background:#202020;color:#eee;font-size:12px}
.lolga-black [data-swap-v4] .swap-v4-area-group[hidden]{display:none!important}
.lolga-black [data-swap-v4] .swap-v4-filter-fields .lolga-chip-block{margin:0}
.lolga-black [data-swap-v4] .swap-v4-search{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.lolga-black [data-swap-v4] .swap-v4-search input{flex:1;min-width:145px;min-height:42px;padding:9px 12px;background:#202020;border:1px solid #353535;border-radius:8px;color:#fff;font-size:12px}
.lolga-black [data-swap-v4] .swap-v4-search-button{min-height:42px;padding:9px 17px;border:0;border-radius:8px;background:#45d42f;color:#071307;font-size:12px;font-weight:700}
.lolga-black [data-swap-v4] .swap-v4-search-button:hover{background:#55ef3f}
.lolga-black [data-swap-v4] .swap-v4-goods [data-domain-goods="swap"]{min-width:0}
.lolga-black [data-swap-v4] .swap-v4-cart-fab{display:flex;align-items:center;justify-content:center;border:0;cursor:pointer}
.lolga-black [data-swap-v4] .swap-v4-cart-fab [data-domain-cart-count]{position:absolute;right:-7px;top:-8px;display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:50%;padding:1px 5px;font-size:11px;font-weight:700}
.lolga-black [data-swap-v4] .swap-v4-cart-overlay{background:rgba(0,0,0,.72)}
.lolga-black [data-swap-v4] .swap-v4-cart-panel{height:100%;max-height:100dvh}
.lolga-black [data-swap-v4] .swap-v4-cart-shell{height:100%;background:#181818;color:#bbb}
.lolga-black [data-swap-v4] .swap-v4-cart-body{min-height:0}
.lolga-black [data-swap-v4] .swap-v4-cart-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.lolga-black [data-swap-v4] .swap-v4-cart-heading h2{margin:0;color:#fff;font-size:18px;font-weight:740}
.lolga-black [data-swap-v4] .swap-v4-cart-close{display:grid;place-items:center;width:37px;height:37px;background:#252525;border:0;border-radius:8px;color:#ddd}
.lolga-black [data-swap-v4] .swap-v4-cart-footer{padding:18px 16px;background:#202020;border-top:1px solid #353535}
.lolga-black [data-swap-v4] .swap-v4-submit-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:46px;background:#45d42f;color:#091308;border:0;border-radius:8px;font-size:13px;font-weight:730}
.lolga-black [data-swap-v4] .swap-v4-submit-btn:disabled{opacity:.58;cursor:wait}
.lolga-black [data-swap-v4] .swap-v4-order-form{display:grid;gap:13px;margin:18px 0 0;padding-top:17px;border-top:1px solid #343434}
.lolga-black [data-swap-v4] .swap-v4-order-form h3{font-size:16px;font-weight:700;color:#fff;margin:0}
.lolga-black [data-swap-v4] .swap-v4-order-form label{display:block;margin-bottom:7px;color:#ddd;font-size:12px;font-weight:600}
.lolga-black [data-swap-v4] .swap-v4-order-form input{display:block;width:100%;min-height:42px;padding:10px;border:1px solid #363636;border-radius:8px;background:#202020;color:#fff;font-size:12px}
.lolga-black [data-swap-v4] .swap-v4-order-form input[readonly]{color:#aaa}
.lolga-black [data-swap-v4] .swap-v4-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lolga-black [data-swap-v4] .swap-v4-guide{margin:18px 0 60px;padding:18px 20px;background:#181818;border-radius:12px}
.lolga-black [data-swap-v4] .swap-v4-guide summary{color:#fff;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}
.lolga-black [data-swap-v4] .swap-v4-guide summary::-webkit-details-marker{display:none}
.lolga-black [data-swap-v4] .swap-v4-guide-copy{padding-top:17px;color:#aaa;font-size:13px;line-height:1.75}
.lolga-black [data-swap-v4] .swap-v4-guide-copy h2{color:#fff;font-size:18px;font-weight:700}
.lolga-black [data-swap-v4] .swap-v4-guide-copy p{margin:12px 0}
.lolga-black [data-swap-v4] .swap-v4-guide-copy ul{list-style:disc;padding-left:22px;margin:12px 0}
.lolga-black [data-swap-v4] .swap-v4-guide-copy ol{list-style:decimal;padding-left:22px;margin:8px 0}
.lolga-black [data-swap-v4] .swap-v4-guide-copy li{margin:9px 0}
.lolga-black [data-swap-v4] .swap-v4-points-card>a{color:#45d42f;font-size:12px;font-weight:700;text-decoration:none}
.lolga-black [data-swap-v4] .swap-v4-select-group{min-width:0}
.lolga-black [data-swap-v4] .swap-v4-label{display:block}
.lolga-black [data-swap-v4] [data-mobile-filter][hidden],.lolga-black [data-swap-v4] [data-swap-cart][hidden],.lolga-black [data-swap-v4] [data-swap-cart-sheet][hidden]{display:none!important}
.lolga-black [data-swap-v4] [data-good-empty][hidden]{display:none!important}
.lolga-black [data-swap-v4] .invalid input:invalid,.lolga-black [data-swap-v4] .invalid select:invalid{border:2px solid #dc2626}
.lolga-black [data-swap-v4] .invalid input:valid,.lolga-black [data-swap-v4] .invalid select:valid{border:1px solid #363636}
@media(max-width:680px){
 .lolga-black [data-swap-v4] .swap-v4-contact-grid{grid-template-columns:1fr}
 .lolga-black [data-swap-v4] .swap-v4-guide{padding:15px}
 .lolga-black [data-swap-v4] .swap-v4-cart-panel{max-width:100vw}
 .lolga-black [data-swap-v4] .swap-v4-cart-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}
}
/* Swap Points Cart V5: only the swap drawer; credit and public cart remain untouched. */
.lolga-black [data-swap-v4] .swap-v4-cart-layer{z-index:5000!important}
.lolga-black [data-swap-v4] .swap-v4-cart-panel{height:100dvh;max-height:100dvh;width:min(440px,100vw);max-width:100vw;background:#181818;border-left:1px solid #343434;overflow:hidden}
.lolga-black [data-swap-v4] .swap-v4-cart-shell{height:100%;min-height:0;background:#181818}
.lolga-black [data-swap-v4] .swap-v4-cart-heading{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:18px 20px;border-bottom:1px solid #303030;background:#181818}
.lolga-black [data-swap-v4] .swap-v4-cart-heading h2{font-size:18px;line-height:1.4;color:#fff;margin:0}
.lolga-black [data-swap-v4] .swap-v4-cart-close{flex:none;width:36px;height:36px;border-radius:8px;color:#bbb;background:#252525}
.lolga-black [data-swap-v4] .swap-v4-cart-close:hover{background:#303030;color:#fff}
.lolga-black [data-swap-v4] .swap-v4-cart-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:18px 20px 32px!important;scrollbar-width:thin;scrollbar-color:#454545 #181818;overscroll-behavior:contain}
.lolga-black [data-swap-v4] .swap-v4-cart-body>*{min-width:0;max-width:100%}
.lolga-black [data-swap-v4] .swap-points-cart-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lolga-black [data-swap-v4] .swap-points-cart-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:start;min-width:0;padding:14px 0;border-bottom:1px solid #303030}
.lolga-black [data-swap-v4] .swap-points-cart-row:first-child{padding-top:0}
.lolga-black [data-swap-v4] .swap-points-cart-media{width:82px;height:82px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#101010;overflow:hidden}
.lolga-black [data-swap-v4] .swap-points-cart-media img{width:100%;height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;padding:7px}
.lolga-black [data-swap-v4] .swap-points-cart-detail{display:flex;flex-direction:column;justify-content:space-between;min-width:0;gap:12px;min-height:82px}
.lolga-black [data-swap-v4] .swap-points-cart-product{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;min-width:0}
.lolga-black [data-swap-v4] .swap-points-cart-product h3{flex:1;min-width:0;color:#eee;font-weight:650;font-size:13px;line-height:1.45;margin:0;overflow-wrap:anywhere}
.lolga-black [data-swap-v4] .swap-points-cart-points{flex:none;max-width:48%;color:#f1c96b;font-size:13px;font-weight:700;white-space:normal;text-align:right}
.lolga-black [data-swap-v4] .swap-points-cart-points small{font-weight:500;color:#999;font-size:11px}
.lolga-black [data-swap-v4] .swap-points-cart-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lolga-black [data-swap-v4] .swap-points-cart-qty{display:flex;align-items:center;gap:8px;margin:0;color:#999;font-size:12px}
.lolga-black [data-swap-v4] .swap-points-cart-qty input{display:block;width:70px;min-height:36px;box-sizing:border-box;padding:5px 8px;text-align:center;border:1px solid #383838;border-radius:7px;background:#202020;color:#fff;font-size:13px}
.lolga-black [data-swap-v4] .swap-points-cart-qty input:focus-visible{outline:1px solid #808080;border-color:#808080}
.lolga-black [data-swap-v4] .swap-points-cart-remove{flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:7px;background:#222;color:#aaa;cursor:pointer}
.lolga-black [data-swap-v4] .swap-points-cart-remove:hover{background:#302323;color:#ffb1ae}
.lolga-black [data-swap-v4] .swap-points-cart-remove svg{width:19px;height:19px}
.lolga-black [data-swap-v4] .swap-points-cart-subtotal{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 0;padding:15px 14px;border:1px solid #303030;border-radius:9px;background:#202020;color:#aaa;font-size:13px}
.lolga-black [data-swap-v4] .swap-points-cart-subtotal strong{color:#fff;font-size:17px;font-weight:750}
.lolga-black [data-swap-v4] .swap-points-cart-subtotal strong small{font-size:12px;font-weight:500;color:#aaa}
.lolga-black [data-swap-v4] .swap-points-cart-empty{display:grid;place-items:center;min-height:150px;color:#999;text-align:center;font-size:13px}
.lolga-black [data-swap-v4] .swap-v4-order-form{min-width:0;max-width:100%;margin:22px 0 0;padding:19px 0 0;border-top:1px solid #303030;gap:14px}
.lolga-black [data-swap-v4] .swap-v4-order-form h3{font-size:16px;line-height:1.5;color:#fff}
.lolga-black [data-swap-v4] .swap-v4-order-form label{font-size:12px;margin:0 0 7px;color:#c7c7c7}
.lolga-black [data-swap-v4] .swap-v4-order-form input{font-size:13px;min-width:0;min-height:44px;padding:10px 12px;background:#202020;border:1px solid #363636;border-radius:8px;color:#fff;box-shadow:none}
.lolga-black [data-swap-v4] .swap-v4-order-form input[readonly]{color:#aaa;background:#1d1d1d}
.lolga-black [data-swap-v4] .swap-v4-order-form .purchase_form{min-width:0;max-width:100%;overflow-wrap:anywhere}
.lolga-black [data-swap-v4] .swap-v4-order-form .purchase_form *{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
.lolga-black [data-swap-v4] .swap-v4-order-form .purchase_form input,.lolga-black [data-swap-v4] .swap-v4-order-form .purchase_form textarea{width:100%;max-width:100%;min-width:0}
.lolga-black [data-swap-v4] .swap-v4-cart-footer{flex:none;position:relative;z-index:2;padding:13px 20px max(17px,env(safe-area-inset-bottom));background:#181818;border-top:1px solid #343434}
.lolga-black [data-swap-v4] .swap-v4-submit-btn{min-height:48px;border-radius:8px;background:#45d42f;color:#091308;font-size:14px;font-weight:750;box-shadow:none}
.lolga-black [data-swap-v4] .swap-v4-submit-btn:hover{background:#55ef3f}
body.lolga-black:has([data-swap-v4] [data-swap-cart]:not([hidden])){overflow:hidden}
@media(max-width:680px){
 .lolga-black [data-swap-v4] .swap-v4-cart-panel{width:100vw;border-left:0}
 .lolga-black [data-swap-v4] .swap-v4-cart-body{padding:15px 16px 28px!important}
 .lolga-black [data-swap-v4] .swap-v4-cart-heading{padding:14px 16px}
 .lolga-black [data-swap-v4] .swap-v4-cart-footer{padding:12px 16px max(14px,env(safe-area-inset-bottom))}
 .lolga-black [data-swap-v4] .swap-points-cart-row{grid-template-columns:76px minmax(0,1fr);gap:10px}
 .lolga-black [data-swap-v4] .swap-points-cart-media{width:76px;height:76px}
 .lolga-black [data-swap-v4] .swap-points-cart-product{flex-wrap:wrap;gap:4px}
 .lolga-black [data-swap-v4] .swap-points-cart-points{max-width:100%;text-align:left}
}
/* Swap /items-for-points: match the single-column Credit redeem V5 surface.
 * Keep swap transaction and filtering rules in their own JS controller. */
.lolga-black [data-swap-v4] .swap-v4-layout{display:block;grid-template-columns:minmax(0,1fr)}
.lolga-black [data-swap-v4] .swap-v4-workspace{min-width:0;width:100%;max-width:none}
.lolga-black [data-swap-v4] .swap-v4-tabs{display:flex;grid-template-columns:none;gap:12px;width:auto;max-width:100%;padding:0;border:0;background:transparent}
.lolga-black [data-swap-v4] .swap-v4-tab{display:flex;align-items:center;justify-content:center;min-width:165px;min-height:46px;padding:11px 18px;border:1px solid #343434;border-radius:12px;background:#202020;color:#c7c7c7;box-shadow:none}
.lolga-black [data-swap-v4] .swap-v4-tab.is-on{background:#101010;border:1px solid #45d42f;color:#5cff4f;box-shadow:none}
.lolga-black [data-swap-v4] .swap-v4-notice{background:#1d1d1d;border:0;border-left:2px solid #383838;border-radius:7px;color:#bbb;font-weight:500}
.lolga-black [data-swap-v4] .swap-v4-filter-fields{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-start;gap:14px}
.lolga-black [data-swap-v4] .swap-v4-filter-fields > :is(.swap-v4-inline-game,.swap-v4-select-group,.swap-v4-category-picker){position:relative;flex:0 1 300px;width:300px;min-width:0;max-width:300px;margin:0}
.lolga-black [data-swap-v4] .swap-v4-filter-fields .swap-v4-inline-game .points-game-picker{display:block;position:relative;width:100%;margin:0}
.lolga-black [data-swap-v4] .swap-v4-filter-fields .points-game-mobile-label,
.lolga-black [data-swap-v4] .swap-v4-category-picker>label{display:block;margin:0 0 8px;font-size:12px;font-weight:700;color:#ddd}
.lolga-black [data-swap-v4] .swap-v4-filter-fields .points-game-trigger,
.lolga-black [data-swap-v4] .swap-v4-filter-fields .swap-v4-category-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:9px 14px;border:1px solid #343434;border-radius:10px;background:#262626;color:#f1f1f1;font-size:13px;text-align:left}
.lolga-black [data-swap-v4] .swap-v4-filter-fields .swap-v4-category-trigger svg{width:17px;height:17px;flex:none;color:#aaa}
.lolga-black [data-swap-v4] .swap-v4-category-picker[hidden],.lolga-black [data-swap-v4] .swap-v4-category-options[hidden]{display:none}
.lolga-black [data-swap-v4] .swap-v4-category-options,
.lolga-black [data-swap-v4] .swap-v4-inline-game .points-game-options{position:absolute;z-index:100;top:100%;left:0;right:0;max-height:280px;overflow-y:auto;margin-top:8px;padding:8px;border:0;border-radius:12px;background:#1f1f1f;box-shadow:0 12px 30px rgba(0,0,0,.42)}
.lolga-black [data-swap-v4] .swap-v4-category-option{display:block;width:100%;min-height:44px;padding:11px 12px;margin:3px 0;border:0;border-radius:9px;background:transparent;color:#eee;text-align:left;font-size:13px;cursor:pointer}
.lolga-black [data-swap-v4] .swap-v4-category-option:hover{background:#2b2b2b}
.lolga-black [data-swap-v4] .swap-v4-category-option.is-selected,
.lolga-black [data-swap-v4] .swap-v4-inline-game .points-game-option.is-active{background:#173316;color:#5cff4f}
.lolga-black [data-swap-v4] .swap-v4-classify-source{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.lolga-black [data-swap-v4] .swap-v4-filter-fields > .swap-v4-search{flex:1 1 100%;width:100%;max-width:none;margin:0}
.lolga-black [data-swap-v4] .swap-v4-filter-fields .swap-v4-attribute-bridge{display:none}
@media(max-width:767px){
 .lolga-black [data-swap-v4] .swap-v4-filter-fields{display:grid;grid-template-columns:minmax(0,1fr)}
 .lolga-black [data-swap-v4] .swap-v4-filter-fields > :is(.swap-v4-inline-game,.swap-v4-select-group,.swap-v4-category-picker){width:100%;max-width:none}
 .lolga-black [data-swap-v4] .swap-v4-tabs{gap:8px;width:100%}
 .lolga-black [data-swap-v4] .swap-v4-tab{min-width:0;flex:1;padding:10px}
}
/* Swap filter alignment: the Game, Select2 Server and Category controls
 * share a 46px control baseline and 8px label gap, like /credit. */
@media (min-width:768px){
 .lolga-black [data-swap-v4] .swap-v4-filter-fields{align-items:flex-end;gap:14px}
 .lolga-black [data-swap-v4] .swap-v4-filter-fields > :is(.swap-v4-inline-game,.swap-v4-select-group,.swap-v4-category-picker){align-self:flex-end}
}
.lolga-black [data-swap-v4] .swap-v4-filter-fields :is(.points-game-mobile-label,.swap-v4-label,.swap-v4-category-picker>label){display:block;min-height:18px;line-height:18px;margin:0 0 8px}
/* Final ownership: shared swap dropdown language, native server/area and SKU.
 * Avoid Select2 wrappers and legacy classify_child animations for Swap cards. */
.lolga-black [data-swap-v4] .swap-v4-select-group[hidden],
.lolga-black [data-swap-v4] .swap-v4-area-group[hidden]{display:none}
.lolga-black [data-swap-v4] .swap-v4-filter-fields .swap-v4-select-group select{
 display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:46px;min-height:46px;
 padding:0 38px 0 14px;border:1px solid #343434;border-radius:10px;
 background:#262626 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center;
 color:#f1f1f1;font-size:13px;cursor:pointer;
}
.lolga-black [data-swap-v4] .swap-v4-filter-fields .swap-v4-select-group select:focus-visible{outline:2px solid #808080;outline-offset:1px}
.lolga-black [data-swap-v4] .swap-reward-sku:focus-visible {outline:2px solid #45d42f;outline-offset:1px}
.lolga-black [data-swap-v4] .swap-reward-select{position:relative;margin:7px 10px 0;min-width:0}
.lolga-black [data-swap-v4] .swap-reward-sku{
 display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:42px;padding:0 32px 0 11px;
 border:1px solid #3b3b3b;border-radius:8px;background:#292929;
 color:#eee;font-size:12px;text-overflow:ellipsis;cursor:pointer;
}
.lolga-black [data-swap-v4] .swap-reward-sku option{background:#202020;color:#eee}
.lolga-black [data-swap-v4] .swap-reward-chevron{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;color:#aaa}
/* Invalid trade form state, moved from the former template inline CSS. */
.lolga-black [data-swap-v4] .error{color:#dc6565}
.lolga-black [data-swap-v4] .invalid input:invalid,
.lolga-black [data-swap-v4] .invalid select:invalid{border:2px solid #dc2626}
.lolga-black [data-swap-v4] .invalid input:valid,
.lolga-black [data-swap-v4] .invalid select:valid{border:2px solid #10b981}
/* Swap parity with Credit: equal-height points/SKU rows, consistent tones. */
.lolga-black [data-swap-v4] [data-domain-goods="swap"] .swap-reward-select,
.lolga-black [data-swap-v4] [data-domain-goods="swap"] .points-price-row{min-height:42px;margin:7px 10px 0}
.lolga-black [data-swap-v4] [data-domain-goods="swap"] .swap-reward-sku{
 height:42px;min-height:42px;border:1px solid #3b3b3b;border-radius:8px;
 background-color:#202020;color:#eee;text-align:center;-moz-text-align-last:center;text-align-last:center;
 font-size:12px;font-weight:650;
}
.lolga-black [data-swap-v4] [data-domain-goods="swap"] .swap-reward-select + div{margin-top:0}
.lolga-black [data-swap-v4] .swap-v4-cart-sheet{transform:translateX(101%);transition:transform .22s ease;will-change:transform}
.lolga-black [data-swap-v4] .swap-v4-cart-layer.is-open .swap-v4-cart-sheet{transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.lolga-black [data-swap-v4] .swap-v4-cart-sheet{transition:none}}
/* The flying image is appended to document.body, not inside [data-swap-v4].
 * It must be positioned and animated at body scope to reach the fixed cart. */
body .swap-cart-fly{position:fixed;z-index:10050;pointer-events:none;-o-object-fit:contain;object-fit:contain;transform-origin:center;will-change:transform,opacity;transition:transform .72s cubic-bezier(.18,.65,.25,1),opacity .22s ease}
@media(prefers-reduced-motion:reduce){body .swap-cart-fly{transition:none}}
/* Swap has its own bottom-right cart. Hide generic back-to-top controls
 * on this page, instead of putting two floating buttons in the same spot. */
body:has([data-swap-v4]) :is(.back-to-top,.backTop,.backtop,.scroll-to-top,.scrollTop,.go-top,.goTop,.to-top,#back-to-top,#scroll-to-top,#backTop,#goTop,#toTop){display:none}
.lolga-black [data-swap-v4] .swap-v4-cart-fab{z-index:5100;right:22px;bottom:28px}
/* Points display parity with Redeem Points: white amount + muted PTS.
 * SKU selector stays separate so changing SKU updates both display and cart. */
.lolga-black [data-swap-v4] [data-domain-goods="swap"] .swap-reward-price{
 display:flex;align-items:baseline;justify-content:center;gap:4px;
 min-height:28px;margin:8px 10px 0;line-height:1.15;
 background:transparent;color:#fff;
}
.lolga-black [data-swap-v4] [data-domain-goods="swap"] .swap-reward-price strong{
 font-size:22px;font-weight:800;color:#fff;overflow-wrap:anywhere;
}
.lolga-black [data-swap-v4] [data-domain-goods="swap"] .swap-reward-price small{
 font-size:10px;font-weight:750;letter-spacing:.04em;color:#999;
}
.lolga-black [data-swap-v4] [data-domain-goods="swap"] .swap-reward-select{
 margin:6px 10px 0;
}
.lolga-black [data-swap-v4] [data-domain-goods="swap"] .swap-reward-sku{height:35px;min-height:35px}
/* Points Game Navigation — shared presentation layer for /credit and /items-for-points. */
.lolga-black [data-points-game-root] .points-game-nav{min-width:0}
.lolga-black [data-points-game-root] .points-game-list{display:flex;flex-direction:column;gap:4px;max-height:min(64vh,560px);overflow-x:hidden;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#454545 transparent}
.lolga-black [data-points-game-root] .points-game-option{display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:40px;margin:0;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aaa;text-align:left;font-size:12.5px;font-weight:550;line-height:1.4;cursor:pointer;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.lolga-black [data-points-game-root] .points-game-option:hover{background:#222;color:#fff}
.lolga-black [data-points-game-root] .points-game-option:focus-visible{outline:2px solid #45d42f;outline-offset:-2px}
.lolga-black [data-points-game-root] .points-game-option.is-active{background:#292929;color:#fff;border-color:#404040;font-weight:700}
.lolga-black [data-points-game-root] .points-game-check{display:grid;place-items:center;flex:none;width:17px;height:17px;border:1px solid #505050;border-radius:5px;background:#202020;color:#aaa;font-size:12px;font-weight:800}
.lolga-black [data-points-game-root] .points-game-check.is-on{background:#45d42f;border-color:#45d42f;color:#0a1608}
.lolga-black [data-points-game-root] .points-game-name{flex:1;min-width:0;overflow-wrap:anywhere}
.lolga-black [data-points-game-root] .points-game-nav .lolga-sell-contact{display:grid;gap:11px;list-style:none;margin:17px 0 0;padding:17px 2px 0;border-top:1px solid #303030}
.lolga-black [data-points-game-root] .points-game-nav .lolga-sell-contact:before{content:"NEED HELP?";display:block;margin-bottom:1px;color:#888;font-size:10px;font-weight:750;letter-spacing:.09em}
.lolga-black [data-points-game-root] .points-game-nav .lolga-sell-contact li{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:0;color:#aaa;font-size:12px;line-height:1.35}
.lolga-black [data-points-game-root] .points-game-nav .lolga-sell-contact a{display:flex;align-items:center;gap:9px;min-width:0;color:#aaa;text-decoration:none}
.lolga-black [data-points-game-root] .points-game-nav .lolga-sell-contact a:hover{color:#fff}
.lolga-black [data-points-game-root] .points-game-nav .lolga-sell-contact img{flex:none;display:block;width:20px;height:20px;max-width:20px;-o-object-fit:contain;object-fit:contain}
.lolga-black [data-points-game-root] .points-game-nav .lolga-sell-contact span{min-width:0;overflow-wrap:anywhere}
/* Swap retains its responsive game picker; Credit V4 now uses the picker at
 * all breakpoints in the first filter column (no desktop sidebar). */
.lolga-black [data-points-game-root]:not([data-credit-v4]) .points-game-picker{display:none;min-width:0}
.lolga-black [data-credit-v4][data-points-game-root] .credit-game-picker-field .points-game-picker{display:block;min-width:0}
.lolga-black [data-points-game-root] .points-game-mobile-label{display:block;margin:0 0 9px;color:#ddd;font-size:12px;font-weight:700}
.lolga-black [data-points-game-root] .points-game-trigger-wrap{position:relative;min-width:0}
.lolga-black [data-points-game-root] .points-game-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:9px 12px;border:1px solid #383838;border-radius:8px;background:#202020;color:#eee;text-align:left;font-size:13px;cursor:pointer}
.lolga-black [data-points-game-root] .points-game-trigger span{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}
.lolga-black [data-points-game-root] .points-game-trigger svg{flex:none;color:#aaa}
.lolga-black [data-points-game-root] .points-game-trigger:hover{background:#252525}
.lolga-black [data-points-game-root] .points-game-trigger[aria-expanded="true"],.lolga-black [data-points-game-root] .points-game-trigger:focus-visible{border-color:#45d42f;outline:0}
.lolga-black [data-points-game-root] .points-game-options{position:absolute;z-index:100;top:calc(100% + 5px);left:0;right:0;max-height:min(260px,45vh);overflow:auto;padding:5px;border:1px solid #383838;border-radius:9px;background:#202020;box-shadow:0 10px 22px rgba(0,0,0,.35)}
.lolga-black [data-points-game-root] .points-game-options[hidden]{display:none!important}
@media(max-width:1023px){.lolga-black [data-points-game-root] .points-game-picker{display:block}}
/* CREDIT POINTS CART V6 — right-side drawer on every breakpoint, like /items-for-points. */
.lolga-black [data-credit-v4] .credit-layout {
    grid-template-columns:238px minmax(0, 1fr);
    gap: 18px
}
.lolga-black [data-credit-v4] .credit-cart-float {
    position: fixed;
    z-index: 490;
    right: 22px;
    bottom: 22px;
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 0;
    border-radius: 50%;
    background: #45d42f;
    color: #081207;
    box-shadow: 0 9px 27px rgba(0, 0, 0, .35);
    cursor: pointer
}
.lolga-black [data-credit-v4] .credit-cart-float-count {
    position: absolute;
    right: -4px;
    top: -7px;
    display: grid;
    place-items: center;
    min-width: 21px;
    height: 21px;
    padding: 0 5px;
    border-radius: 50px;
    background: #202020;
    color: #fff;
    font-size: 11px;
    font-weight: 800
}
.lolga-black [data-credit-v4] .credit-cart-float:hover {
    background: #55ef3f
}
.lolga-black [data-credit-v4] .credit-mobile-cart-bar {
    display: none
}
.lolga-black [data-credit-v4] .credit-cart-holder {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: block !important;
    visibility: hidden;
    pointer-events: none;
    background: transparent
}
.lolga-black [data-credit-v4] .credit-cart-holder.is-open {
    visibility: visible;
    pointer-events: auto
}
.lolga-black [data-credit-v4] .credit-cart-overlay {
    position: absolute;
    inset: 0;
    display: block;
    background: rgba(0, 0, 0, .72);
    opacity: 0;
    transition: opacity .18s ease
}
.lolga-black [data-credit-v4] .credit-cart-holder.is-open .credit-cart-overlay {
    opacity: 1
}
.lolga-black [data-credit-v4] .credit-cart-sheet {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(440px, 100vw);
    background: #181818;
    transform: translateX(101%);
    transition: transform .22s ease;
    box-shadow: -12px 0 34px rgba(0, 0, 0, .22);
    overflow: hidden
}
.lolga-black [data-credit-v4] .credit-cart-holder.is-open .credit-cart-sheet {
    transform: translateX(0)
}
.lolga-black [data-credit-v4] .credit-cart-panel,
.lolga-black [data-credit-v4] .credit-cart-panel .credit-cart-shell {
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    height: 100%;
    max-height: 100 dvh;
    overflow: hidden;
    background: #181818 !important;
    color: #bbb
}
.lolga-black [data-credit-v4] .credit-cart-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: none;
    padding: 18px 20px;
    border-bottom: 1px solid #303030;
    background: #181818
}
.lolga-black [data-credit-v4] .credit-cart-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.4
}
.lolga-black [data-credit-v4] .credit-cart-actions {
    display: flex;
    align-items: center;
    gap: 10px
}
.lolga-black [data-credit-v4] .credit-cart-badge {
    display: grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    background: #2d2d2d;
    border-radius: 8px;
    color: #eee;
    font-size: 12px;
    font-weight: 750
}
.lolga-black [data-credit-v4] .credit-cart-close {
    display: grid;
    place-items: center;
    flex: none;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #252525;
    color: #bbb
}
.lolga-black [data-credit-v4] .credit-cart-close:hover {
    background: #303030;
    color: #fff
}
.lolga-black [data-credit-v4] .credit-cart-content {
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #454545 #181818;
    padding: 15px 20px 28px
}
.lolga-black [data-credit-v4] .credit-cart-content > * {
    min-width: 0;
    max-width: 100%
}
.lolga-black [data-credit-v4] .credit-cart-items {
    min-width: 0
}
.lolga-black [data-credit-v4] .credit-cart-items ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.lolga-black [data-credit-v4] .credit-cart-subtotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding: 15px 13px;
    border: 1px solid #303030;
    border-radius: 9px;
    background: #202020;
    color: #aaa;
    font-size: 13px
}
.lolga-black [data-credit-v4] .credit-cart-subtotal strong {
    color: #fff;
    font-size: 17px;
    font-weight: 750;
    white-space: nowrap
}
.lolga-black [data-credit-v4] .credit-cart-subtotal small {
    color: #aaa;
    font-size: 11px;
    font-weight: 500
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit-form-shell {
    min-width: 0;
    max-width: 100%;
    margin: 22px 0 0 !important;
    padding: 19px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid #303030 !important
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit-delivery-panel {
    min-width: 0;
    padding: 0 !important;
    border: 0 !important
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit-delivery-panel h3 {
    margin: 0 0 18px !important;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
    font-weight: 750
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form *,
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form *::before,
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form *::after {
    box-sizing: border-box
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form input,
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form textarea,
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form select {
    max-width: 100%;
    min-width: 0
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #373737;
    border-radius: 8px;
    background: #202020;
    color: #eee;
    padding: 10px 12px;
    font-size: 13px
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form input:focus-visible,
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form textarea:focus-visible,
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form select:focus-visible {
    outline: 1px solid #808080;
    outline-offset: 0;
    border-color: #808080
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form img {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form label {
    font-size: 12px;
    line-height: 1.5
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form .select2-container {
    max-width: 100% !important;
    width: 100% !important
}
.lolga-black [data-credit-v4] .credit-cart-footer {
    flex: none;
    position: relative;
    z-index: 2;
    padding: 13px 20px max(17px, env(safe-area-inset-bottom));
    border-top: 1px solid #303030;
    background: #181818 !important
}
.lolga-black [data-credit-v4] .credit-submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 11px;
    border: 0;
    border-radius: 8px;
    background: #45d42f !important;
    color: #081207 !important;
    font-size: 14px;
    font-weight: 800;
    box-shadow: none !important;
    cursor: pointer
}
.lolga-black [data-credit-v4] .credit-submit-btn:hover {
    background: #55ef3f !important
}
.lolga-black [data-credit-v4] .credit-submit-btn:disabled {
    opacity: .5;
    cursor: wait
}
body.credit-cart-lock {
    overflow: hidden
}
@media (max-width: 1023px) {
    .lolga-black [data-credit-v4] .credit-layout {
        display: block
    }
}
@media (max-width: 1199px) {
    .lolga-black [data-credit-v4] .credit-cart-float {
        display: none
    }

    .lolga-black [data-credit-v4] .credit-mobile-cart-bar {
        display: flex;
        position: fixed;
        z-index: 490;
        left: 12px;
        right: 12px;
        bottom: calc(10px + env(safe-area-inset-bottom));
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 62px;
        padding: 9px 12px;
        border: 1px solid #363636;
        border-radius: 11px;
        background: #202020;
        color: #fff;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .32)
    }

    .lolga-black [data-credit-v4] .credit-mobile-cart-summary {
        display: grid;
        gap: 3px;
        text-align: left
    }

    .lolga-black [data-credit-v4] .credit-mobile-cart-summary strong {
        font-size: 12px
    }

    .lolga-black [data-credit-v4] .credit-mobile-cart-summary small {
        color: #999;
        font-size: 10px
    }

    .lolga-black [data-credit-v4] .credit-mobile-cart-cta {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 42px;
        padding: 0 14px;
        border-radius: 8px;
        background: #45d42f;
        color: #081207;
        font-size: 12px;
        font-weight: 800
    }

    .lolga-black [data-credit-v4] .credit-section {
        padding-bottom: 96px
    }
}
@media (max-width: 680px) {
    .lolga-black [data-credit-v4] .credit-cart-sheet {
        width: 100vw
    }

    .lolga-black [data-credit-v4] .credit-cart-heading {
        padding: 14px 16px
    }

    .lolga-black [data-credit-v4] .credit-cart-content {
        padding: 15px 16px 28px
    }

    .lolga-black [data-credit-v4] .credit-cart-footer {
        padding: 12px 16px max(14px, env(safe-area-inset-bottom))
    }
}
@media (prefers-reduced-motion: reduce) {
    .lolga-black [data-credit-v4] .credit-cart-overlay,
    .lolga-black [data-credit-v4] .credit-cart-sheet {
        transition: none
    }
}
/* Credit redemption products: native server SKU selector + always visible points cost. */
.lolga-black [data-credit-v4] .credit-goods .credit-reward-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: visible;
    background:#2c2c2c !important;
    border-radius: 4px !important;
    box-shadow: none !important
}
.lolga-black [data-credit-v4] .credit-reward-card .img_bg {
    margin: 0 !important;
    padding: 12px 8px 2px !important;
    border-radius: 4px 4px 0 0 !important;
    overflow: hidden
}
.lolga-black [data-credit-v4] .credit-reward-card .img_bg .change_img {
    -o-object-fit: contain !important;
       object-fit: contain !important;
    max-width: 100%;
    height: 126px;
    max-height: 126px;
    min-height: 0 !important
}
.lolga-black [data-credit-v4] .credit-reward-card .img_bg > .relative {
    height: 44px;
    min-height: 44px !important;
    overflow: hidden;
    align-content: center
}
.lolga-black [data-credit-v4] .credit-reward-card .img_bg > .relative p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    color: #eee;
    font-size: 12px;
    font-weight: 680;
    line-height: 1.4
}
.lolga-black [data-credit-v4] .credit-reward-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
    min-width: 0;
    padding: 12px;
    border-radius: 0 0 9px 9px
}
.lolga-black [data-credit-v4] .credit-reward-price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 4px;
    min-height: 28px;
    color: #fff;
    line-height: 1.15
}
.lolga-black [data-credit-v4] .credit-reward-price strong {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    overflow-wrap: anywhere
}
.lolga-black [data-credit-v4] .credit-reward-price small {
    color: #999;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .04em
}
.lolga-black [data-credit-v4] .credit-reward-select {
    position: relative;
    min-width: 0
}
.lolga-black [data-credit-v4] .credit-reward-sku {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 42px;
    padding: 9px 28px 9px 9px;
    border: 1px solid #3b3b3b;
    border-radius: 8px;
    color: #eee;
    background-color: #202020;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 9px center;
    background-size: 15px;
    font-size: 12px;
    font-weight: 650;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
    cursor: pointer
}
.lolga-black [data-credit-v4] .credit-reward-sku:hover {
    border-color: #555;
    background-color: #252525
}
.lolga-black [data-credit-v4] .credit-reward-sku:focus-visible {
    border-color: #45d42f;
    outline: 2px solid rgba(69, 212, 47, .22);
    outline-offset: 1px
}
.lolga-black [data-credit-v4] .credit-reward-sku option {
    color: #fff;
    background: #202020
}
.lolga-black [data-credit-v4] .credit-reward-add {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    width: 100%;
    min-height: 42px;
    padding: 9px 4px;
    border: 0;
    border-radius: 4px;
    background: linear-gradient(to bottom right, #45d42f, #15a100) !important;
    color: #091207 !important;
    font-size: 11px;
    text-align: center;
    letter-spacing: .01em;
    line-height: 1.25;
    box-shadow: none
}
.lolga-black [data-credit-v4] .credit-reward-add:hover {
    background: #55ef3f !important
}
.lolga-black [data-credit-v4] .credit-reward-add:disabled {
    opacity: .65;
    cursor: wait
}
.lolga-black [data-credit-v4] .credit-cart-line-items {
    display: grid;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0
}
.lolga-black [data-credit-v4] .credit-cart-line {
    display: grid;
    grid-template-columns:62px minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
    padding: 14px 0;
    border-bottom: 1px solid #303030
}
.lolga-black [data-credit-v4] .credit-cart-line:last-child {
    border-bottom: 0
}
.lolga-black [data-credit-v4] .credit-cart-line-media {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    overflow: hidden;
    border-radius: 8px;
    background: #101010
}
.lolga-black [data-credit-v4] .credit-cart-line-media img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    padding: 5px
}
.lolga-black [data-credit-v4] .credit-cart-line-info {
    min-width: 0
}
.lolga-black [data-credit-v4] .credit-cart-line-info h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    overflow-wrap: anywhere
}
.lolga-black [data-credit-v4] .credit-cart-line-sku {
    margin: 0 0 5px;
    color: #aaa;
    font-size: 11px;
    line-height: 1.45;
    overflow-wrap: anywhere
}
.lolga-black [data-credit-v4] .credit-cart-line-cost {
    margin: 0;
    color: #f6b204;
    font-size: 12px;
    font-weight: 750
}
.lolga-black [data-credit-v4] .credit-cart-line-cost small {
    color: #999;
    font-weight: 500;
    font-size: 11px
}
.lolga-black [data-credit-v4] .credit-cart-line-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px
}
.lolga-black [data-credit-v4] .credit-cart-line-actions input {
    display: block;
    width: 62px;
    min-height: 35px;
    padding: 6px;
    text-align: center;
    background: #202020;
    border: 1px solid #383838;
    border-radius: 7px;
    color: #fff;
    font-size: 12px
}
.lolga-black [data-credit-v4] .credit-cart-line-remove {
    display: grid;
    place-items: center;
    flex: none;
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 7px;
    background: #252525;
    color: #aaa
}
.lolga-black [data-credit-v4] .credit-cart-line-remove:hover {
    color: #fff;
    background: #303030
}
@media (max-width: 1199px) {
    .lolga-black [data-credit-v4] {
        padding-bottom: 94px
    }
}
@media (max-width: 430px) {
    .lolga-black [data-credit-v4] .credit-reward-body {
        padding: 10px;
        gap: 8px
    }

    .lolga-black [data-credit-v4] .credit-reward-price strong {
        font-size: 20px
    }

    .lolga-black [data-credit-v4] .credit-reward-sku {
        font-size: 11px
    }

    .lolga-black [data-credit-v4] .credit-reward-add {
        font-size: 10px;
        padding: 8px 4px
    }
}
/* Redeem submit feedback stays visible beside the fixed action, including server rejections. */
.lolga-black [data-credit-v4] .credit-cart-notice {
    display: block;
    margin: 0 0 11px;
    padding: 11px 12px;
    border: 1px solid #684039;
    border-radius: 8px;
    background: #2b1d1b;
    color: #ffbeb4;
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere
}
.lolga-black [data-credit-v4] .credit-cart-notice[hidden] {
    display: none !important
}
.lolga-black [data-credit-v4] .credit-cart-holder .credit_form .invalid {
    border-color: #b3524a !important
}
/* --------------------------------------------------------------------------
 * Credit page styles migrated from components/credit/index.blade.php.
 * The legacy cart file is imported last in product-black.css. Preserve order
 * from the page's former inline styles to avoid UI behavior/cascade changes.
 * New styles belong here; do not add <style> back to the template.
 * -------------------------------------------------------------------------- */
.lolga-black [data-credit-v4] .classify_child, .lolga-black [data-credit-v4] .classify_trad {
    transform-origin: top;
    transform: scaleY(0);
    opacity: 0;
    transition: transform .18s ease-out, opacity .18s ease-out;
}
.lolga-black [data-credit-v4] .classify_child.open, .lolga-black [data-credit-v4] .classify_trad.open {
    transform: scaleY(1);
    opacity: 1;
}
.lolga-black [data-credit-v4] .error {
    color: red;
}
.lolga-black [data-credit-v4] .invalid input:invalid, .lolga-black [data-credit-v4] .invalid select:invalid {
    border-color: #DC2626;
    border-width: 2px;
}
.lolga-black [data-credit-v4] .invalid input:valid, .lolga-black [data-credit-v4] .invalid select:valid {
    border-color: #10B981;
    border-width: 2px;
}
/* Credit page V4 — template-scoped. Preserve real cart, game selection and checkout contracts. */
.lolga-black [data-credit-v4] {
    --credit-bg: #101010;
    --credit-card: #181818;
    --credit-control: #202020;
    --credit-border: #353535;
    --credit-green: #45d42f;
    color: #bbb;
    background: #101010;
    min-width: 0
}
.lolga-black [data-credit-v4] * {
    box-sizing: border-box
}
.lolga-black [data-credit-v4] .credit-main {
    width: min(1320px, calc(100% - 36px));
    max-width: none;
    margin: auto;
    padding: 0
}
.lolga-black [data-credit-v4] .credit-head {
    padding: 34px 0 18px;
    border: 0;
    background: transparent
}
.lolga-black [data-credit-v4] .credit-eyebrow {
    margin: 0 0 8px;
    color: #45d42f;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase
}
.lolga-black [data-credit-v4] .credit-head-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px
}
.lolga-black [data-credit-v4] .credit-head-copy {
    min-width: 0
}
.lolga-black [data-credit-v4] .credit-head-copy h1 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(27px, 2.5vw, 36px);
    font-weight: 760;
    line-height: 1.15;
    letter-spacing: -.035em
}
.lolga-black [data-credit-v4] .credit-head-copy > p {
    max-width: 680px;
    margin: 0;
    color: #999;
    font-size: 13px;
    line-height: 1.7
}
.lolga-black [data-credit-v4] .credit-points-card {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    flex: none;
    justify-content: flex-end;
    max-width: 400px;
    background: #181818;
    border: 1px solid #303030;
    border-radius: 11px;
    padding: 15px 20px
}
.lolga-black [data-credit-v4] .credit-points-card span {
    color: #aaa;
    font-size: 12px
}
.lolga-black [data-credit-v4] .credit-points-card strong {
    color: #fff;
    font-size: 24px;
    line-height: 1.1;
    overflow-wrap: anywhere
}
.lolga-black [data-credit-v4] .credit-points-card small {
    color: #888;
    font-size: 11px
}
.lolga-black [data-credit-v4] .credit-links-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 25px
}
.lolga-black [data-credit-v4] .credit-tabs {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 5px;
    width: 450px;
    max-width: 100%;
    padding: 5px;
    background: #202020;
    border: 1px solid #323232;
    border-radius: 11px
}
.lolga-black [data-credit-v4] .credit-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 12px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #aaa;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
    text-align: center
}
.lolga-black [data-credit-v4] .credit-tab:hover {
    color: #fff;
    background: #292929
}
.lolga-black [data-credit-v4] .credit-tab.is-on {
    background: #303030;
    color: #fff;
    border-color: #414141
}
.lolga-black [data-credit-v4] .credit-history {
    color: #45d42f;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}
.lolga-black [data-credit-v4] .credit-history:hover {
    text-decoration: underline
}
.lolga-black [data-credit-v4] .credit-notice {
    margin: 0 0 20px;
    background: #181818;
    border: 0;
    border-left: 2px solid #45d42f;
    border-radius: 7px;
    color: #aaa;
    padding: 12px 15px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6
}
.lolga-black [data-credit-v4] .credit-section {
    padding: 0 0 65px
}
.lolga-black [data-credit-v4] .credit-layout {
    display: grid;
    grid-template-columns:226px minmax(0, 1fr);
    gap: 20px;
    align-items: start
}
.lolga-black [data-credit-v4] .credit-sidebar {
    min-width: 0;
    background: #181818;
    border-radius: 12px;
    padding: 17px
}
.lolga-black [data-credit-v4] .credit-sidebar .lolga-sell-nav-title {
    font-weight: 750;
    color: #fff;
    font-size: 15px;
    padding: 0 0 9px
}
.lolga-black [data-credit-v4] .credit-sidebar .purchase_game {
    max-height: 640px;
    scrollbar-width: thin;
    scrollbar-color: #515151 transparent
}
.lolga-black [data-credit-v4] .credit-workspace {
    min-width: 0;
    background: #181818;
    padding: 22px;
    border-radius: 12px
}
.lolga-black [data-credit-v4] .credit-workspace-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}
.lolga-black [data-credit-v4] .credit-section-kicker {
    font-size: 10px;
    letter-spacing: .1em;
    color: #8e8e8e;
    font-weight: 700
}
.lolga-black [data-credit-v4] .credit-workspace-title h2 {
    margin: 6px 0 0;
    color: #fff;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 740
}
/* Credit dropdowns: neutral charcoal trigger and fully styled accessible menus. */
.lolga-black [data-credit-v4] .credit-quick-selects {
    display: grid;
    /*width: 100%;*/
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 12px;
    /*margin: 21px 0 16px*/
}
.lolga-black [data-credit-v4] .credit-quick-select {
    position: relative;
    min-width: 0
}
.lolga-black [data-credit-v4] .credit-quick-select[hidden] {
    display: none
}
.lolga-black [data-credit-v4] .credit-quick-select > label {
    display: block;
    margin-bottom: 8px;
    color: #ddd;
    font-size: 12px;
    font-weight: 700
}
.lolga-black [data-credit-v4] .credit-select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    height: 46px;
    padding: 0 16px;
    border-radius: 10px;
    background: #262626;
    border: 1px solid #343434;
    color: #f1f1f1;
    text-align: left;
    font-size: 13px;
    cursor: pointer
}
.lolga-black [data-credit-v4] .credit-select-trigger > span:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.lolga-black [data-credit-v4] .credit-select-trigger:hover {
    background: #2b2b2b
}
.lolga-black [data-credit-v4] .credit-select-trigger[aria-expanded="true"], .lolga-black [data-credit-v4] .credit-select-trigger:focus-visible {
    border-color: #45d42f;
    outline: 2px solid rgba(69, 212, 47, .25);
    outline-offset: 1px
}
.lolga-black [data-credit-v4] .credit-select-trigger:disabled {
    opacity: .7;
    cursor: default
}
.lolga-black [data-credit-v4] .credit-select-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 90;
    max-height: 270px;
    overflow-y: auto;
    margin-top: 8px;
    padding: 8px;
    border: 0;
    border-radius: 12px;
    background: #1f1f1f;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .42)
}
.lolga-black [data-credit-v4] .credit-select-menu[hidden] {
    display: none
}
.lolga-black [data-credit-v4] .credit-select-option {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 12px 16px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #f3f3f3;
    text-align: left;
    font-size: 13px;
    cursor: pointer
}
.lolga-black [data-credit-v4] .credit-select-option + .credit-select-option {
    margin-top: 6px
}
.lolga-black [data-credit-v4] .credit-select-option:hover, .lolga-black [data-credit-v4] .credit-select-option:focus-visible {
    background: #2b2b2b;
    outline: none
}
.lolga-black [data-credit-v4] .credit-select-option.is-selected {
    background: linear-gradient(180deg, #173316, #102410);
    color: #5cff4f;
    box-shadow: inset 0 0 0 1px rgba(69, 212, 47, .55)
}
.lolga-black [data-credit-v4] .credit-tab.is-on {
    background: #101010;
    border-color: #45d42f;
    color: #5cff4f;
    box-shadow: 0 0 0 1px rgba(69, 212, 47, .08), 0 0 18px rgba(69, 212, 47, .12)
}
.lolga-black [data-credit-v4] .credit-filter-fields .credit-select-group:not([data-area-block]), .lolga-black [data-credit-v4] .credit-filter-fields [data-server-block], .lolga-black [data-credit-v4] .credit-filter-fields [data-classify-block] {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden
}
@media (max-width: 767px) {
    .lolga-black [data-credit-v4] .credit-quick-selects {
        grid-template-columns:1fr;
        gap: 10px
    }

    .lolga-black [data-credit-v4] .credit-select-menu {
        position: relative;
        top: auto;
        max-height: 220px
    }
}
.lolga-black [data-credit-v4] .credit-filter-fields {
    display: grid;
    gap: 15px;
    margin: 10px 0 16px;
    width: 350px;
}
.lolga-black [data-credit-v4] .credit-select-group, .lolga-black [data-credit-v4] .lolga-chip-block {
    margin: 0;
    min-width: 0
}
.lolga-black [data-credit-v4] .credit-label, .lolga-black [data-credit-v4] .lolga-chip-label {
    margin: 0 0 9px;
    font-size: 12px;
    font-weight: 700;
    color: #ddd
}
.lolga-black [data-credit-v4] .credit-chip-list {
    margin: 0;
    padding: 0;
    list-style: none
}
.lolga-black [data-credit-v4] .credit-choice, .lolga-black [data-credit-v4] .lolga-chip {
    background: #202020;
    color: #bbb;
    min-height: 36px;
    border: 1px solid #343434;
    border-radius: 8px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    cursor: pointer
}
.lolga-black [data-credit-v4] .credit-choice:hover, .lolga-black [data-credit-v4] .lolga-chip:hover {
    background: #292929;
    color: #fff
}
.lolga-black [data-credit-v4] .credit-choice.border-\[\#45d42f\], .lolga-black [data-credit-v4] .lolga-chip.is-on {
    border-color: #45d42f;
    color: #fff;
    background: #252525
}
.lolga-black [data-credit-v4] [data-server-search] {
    background: #202020;
    border: 1px solid #363636;
    border-radius: 8px;
    color: #fff;
    padding: 10px;
    min-height: 39px
}
.lolga-black [data-credit-v4] .credit-products-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 19px;
    border-top: 1px solid #303030;
    margin-top: 14px;
    margin-bottom: 12px
}
.lolga-black [data-credit-v4] .credit-products-header h3 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 730
}
.lolga-black [data-credit-v4] .credit-products-header span {
    color: #888;
    font-size: 11px
}
.lolga-black [data-credit-v4] .credit-goods {
    margin: 0;
    min-height: 120px
}
.lolga-black [data-credit-v4] .credit-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    min-height: 200px;
    padding: 24px;
    color: #aaa;
    background: #202020;
    border-radius: 10px;
    text-align: center
}
.lolga-black [data-credit-v4] .credit-empty[hidden] {
    display: none !important
}
.lolga-black [data-credit-v4] .credit-empty p {
    margin: 0;
    font-size: 13px
}
.lolga-black [data-credit-v4] .credit-form-shell {
    margin-top: 24px;
    padding: 0;
    border: 0
}
.lolga-black [data-credit-v4] .credit-delivery-panel {
    padding-top: 22px;
    border-top: 1px solid #303030
}
.lolga-black [data-credit-v4] .credit-delivery-panel h3 {
    margin: 0 0 16px;
    color: #fff;
    font-size: 18px;
    font-weight: 730
}
.lolga-black [data-credit-v4] .credit-delivery-panel h3 span {
    color: #45d42f
}
.lolga-black [data-credit-v4] .credit_form {
    min-width: 0
}
.lolga-black [data-credit-v4] .credit-loading {
    display: flex;
    align-items: center;
    gap: 8px;
    width: -moz-max-content;
    width: max-content;
    min-height: 48px;
    padding: 12px 16px;
    background: #202020;
    color: #fff;
    border: 1px solid #3a3a3a;
    border-radius: 8px
}
.lolga-black [data-credit-v4] .credit-mobile-filter-button {
    align-items: center;
    gap: 7px;
    min-height: 37px;
    padding: 8px 11px;
    background: #202020;
    color: #fff;
    border: 1px solid #343434;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700
}
.lolga-black [data-credit-v4] .credit-mobile-filter-button svg {
    width: 18px;
    height: 18px
}
.lolga-black [data-credit-v4] .credit-filter-overlay {
    background: rgba(0, 0, 0, .72)
}
.lolga-black [data-credit-v4] .credit-mobile-panel {
    background: #181818;
    color: #bbb;
    border-left: 1px solid #343434
}
.lolga-black [data-credit-v4] .credit-close-filter {
    background: #252525;
    color: #eee;
    border: 0
}
.lolga-black [data-credit-v4] .credit-mobile-nav {
    padding: 10px 14px
}
.lolga-black [data-credit-v4] .credit-cart-fab {
    width: 52px;
    height: 52px;
    background: #45d42f !important;
    color: #071207 !important;
    border-radius: 50%;
    box-shadow: none;
    right: 17px;
    bottom: 20px;
    top: auto
}
.lolga-black [data-credit-v4] .credit-cart-fab [data-domain-cart-count] {
    background: #202020 !important;
    color: #fff !important;
    box-shadow: none
}
.lolga-black [data-credit-v4] .credit-cart-panel .credit-cart-shell {
    background: #181818 !important;
    color: #bbb;
    border-left: 1px solid #333
}
.lolga-black [data-credit-v4] .credit-cart-panel .credit-cart-footer {
    background: #202020 !important;
    color: #fff
}
.lolga-black [data-credit-v4] .credit-cart-panel [data-credit-submit] {
    background: #45d42f !important;
    color: #071207 !important;
    border-radius: 8px;
    box-shadow: none
}
.lolga-black [data-credit-v4] .credit-cart-panel [data-credit-submit]:hover {
    background: #55ef3f !important
}
.lolga-black [data-credit-v4] .credit-cart-panel [data-credit-cart] {
    background: #181818
}
.lolga-black .credit-no-games {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 18px 72px;
    color: #aaa
}
.lolga-black .credit-no-games h1 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 27px;
    font-weight: 750
}
.lolga-black .credit-no-games .credit-empty {
    display: grid;
    place-items: center;
    gap: 10px;
    padding: 40px 20px;
    background: #181818;
    border-radius: 12px
}
.lolga-black .credit-no-games .credit-back-link {
    color: #45d42f;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700
}
@media (max-width: 1023px) {
    .lolga-black [data-credit-v4] .credit-layout {
        display: block
    }

    .lolga-black [data-credit-v4] .credit-sidebar {
        display: none
    }

    .lolga-black [data-credit-v4] .credit-mobile-filter-button {
        display: inline-flex
    }
}
@media (max-width: 680px) {
    .lolga-black [data-credit-v4] .credit-main {
        width: calc(100% - 24px)
    }

    .lolga-black [data-credit-v4] .credit-head {
        padding: 19px 0 14px
    }

    .lolga-black [data-credit-v4] .credit-head-main {
        align-items: stretch;
        flex-direction: column;
        gap: 13px
    }

    .lolga-black [data-credit-v4] .credit-head-copy h1 {
        font-size: 25px
    }

    .lolga-black [data-credit-v4] .credit-points-card {
        max-width: none;
        justify-content: flex-start;
        padding: 13px
    }

    .lolga-black [data-credit-v4] .credit-links-row {
        margin-top: 16px;
        align-items: flex-start
    }

    .lolga-black [data-credit-v4] .credit-tabs {
        width: 100%;
        display: grid;
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .lolga-black [data-credit-v4] .credit-tab {
        padding: 9px;
        text-align: center;
        white-space: normal
    }

    .lolga-black [data-credit-v4] .credit-workspace {
        padding: 15px;
        border-radius: 10px
    }

    .lolga-black [data-credit-v4] .credit-workspace-title h2 {
        font-size: 19px
    }

    .lolga-black [data-credit-v4] .credit-products-header {
        display: block
    }

    .lolga-black [data-credit-v4] .credit-products-header span {
        display: block;
        margin-top: 5px
    }

    .lolga-black [data-credit-v4] .credit-section {
        padding-bottom: 50px
    }
}
/* CREDIT-V4 LEFT NAV: one owner, existing API + data-game-* events unchanged. */
.lolga-black [data-credit-v4] .credit-layout {
    grid-template-columns:238px minmax(0, 1fr);
    gap: 18px
}
.lolga-black [data-credit-v4] .credit-sidebar {
    padding: 16px 14px 18px;
    overflow: hidden
}
.lolga-black [data-credit-v4] .credit-sidebar-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 10px;
    padding: 0 2px 13px;
    border-bottom: 1px solid #2e2e2e
}
.lolga-black [data-credit-v4] .credit-sidebar-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.35
}
.lolga-black [data-credit-v4] .credit-sidebar-count {
    display: grid;
    place-items: center;
    min-width: 25px;
    height: 23px;
    padding: 0 6px;
    background: #262626;
    border-radius: 7px;
    color: #aaa;
    font-size: 11px;
    font-weight: 700
}
.lolga-black [data-credit-v4] .lolga-sell-nav {
    background: transparent;
    border-radius: 0;
    padding: 0;
    min-width: 0
}
.lolga-black [data-credit-v4] .credit-desktop-nav .lolga-sell-nav-title {
    display: none
}
.lolga-black [data-credit-v4] .lolga-sell-nav #filter-section-mobile-1 {
    padding: 0;
    margin: 0
}
.lolga-black [data-credit-v4] .lolga-sell-nav .purchase_game {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: min(64vh, 560px);
    overflow-x: hidden;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #454545 transparent;
    margin: 0;
    padding: 0 2px 0 0;
    list-style: none
}
.lolga-black [data-credit-v4] .lolga-sell-nav .purchase_game > .lolga-sell-nav-item {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-width: 0;
    min-height: 40px;
    margin: 0 !important;
    padding: 9px 10px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #aaa;
    text-align: left;
    font-size: 12.5px;
    font-weight: 550;
    line-height: 1.4;
    cursor: pointer;
    box-shadow: none;
    text-transform: none;
    letter-spacing: normal
}
.lolga-black [data-credit-v4] .lolga-sell-nav .purchase_game > .lolga-sell-nav-item:hover {
    background: #222;
    color: #fff
}
.lolga-black [data-credit-v4] .lolga-sell-nav .purchase_game > .lolga-sell-nav-item:focus-visible {
    outline: 2px solid #45d42f;
    outline-offset: -2px
}
.lolga-black [data-credit-v4] .lolga-sell-nav .purchase_game > .lolga-sell-nav-item.is-active {
    background: #272727;
    border-color: #383838;
    color: #fff;
    font-weight: 700
}
.lolga-black [data-credit-v4] .lolga-sell-nav .lolga-sell-check {
    display: grid;
    place-items: center;
    width: 17px;
    height: 17px;
    min-width: 17px;
    border: 1px solid #505050;
    border-radius: 5px;
    color: #a3a3a3;
    background: #202020
}
.lolga-black [data-credit-v4] .lolga-sell-nav .lolga-sell-check.is-on {
    background: #45d42f;
    border-color: #45d42f;
    color: #0a1608
}
.lolga-black [data-credit-v4] .lolga-sell-nav .lolga-sell-check-ico {
    display: block;
    width: 12px;
    height: 12px;
    stroke-width: 2.5
}
.lolga-black [data-credit-v4] .lolga-sell-nav .credit-game-label {
    display: block;
    flex: 1;
    min-width: 0;
    color: inherit;
    overflow-wrap: break-word
}
.lolga-black [data-credit-v4] .lolga-sell-nav .lolga-sell-contact {
    display: grid;
    gap: 11px;
    margin: 17px 0 0;
    padding: 17px 2px 0;
    border-top: 1px solid #303030;
    list-style: none;
    min-width: 0
}
.lolga-black [data-credit-v4] .lolga-sell-nav .lolga-sell-contact::before {
    content: "NEED HELP?";
    display: block;
    margin-bottom: 1px;
    color: #888;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .09em
}
.lolga-black [data-credit-v4] .lolga-sell-nav .lolga-sell-contact li {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #aaa;
    font-size: 12px;
    line-height: 1.35
}
.lolga-black [data-credit-v4] .lolga-sell-nav .lolga-sell-contact li a {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: #aaa;
    text-decoration: none
}
.lolga-black [data-credit-v4] .lolga-sell-nav .lolga-sell-contact li a:hover {
    color: #fff
}
.lolga-black [data-credit-v4] .lolga-sell-nav .lolga-sell-contact li img {
    display: block;
    flex: none;
    width: 20px;
    height: 20px;
    max-width: 20px;
    -o-object-fit: contain;
       object-fit: contain
}
.lolga-black [data-credit-v4] .lolga-sell-nav .lolga-sell-contact li span {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 12px
}
@media (max-width: 1023px) {
    .lolga-black [data-credit-v4] .credit-mobile-nav {
        border-radius: 0;
        padding: 0 14px !important;
        background: transparent
    }

    .lolga-black [data-credit-v4] .credit-mobile-nav .purchase_game {
        max-height: min(55vh, 520px);
        padding-right: 5px
    }

    .lolga-black [data-credit-v4] .credit-mobile-nav .lolga-sell-contact {
        padding-bottom: 18px
    }
}
/* Credit redeem V5: game selector replaces the left sidebar; all reward
 * content is one column. The shared picker still uses its original bindings. */
.lolga-black [data-credit-v4] .credit-layout {
    display: block;
    grid-template-columns:minmax(0, 1fr)
}
.lolga-black [data-credit-v4] .credit-workspace {
    width: 100%
}
.lolga-black [data-credit-v4] .credit-quick-selects {
    grid-template-columns:repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    align-items: end
}
.lolga-black [data-credit-v4] .credit-game-picker-field {
    min-width: 0
}
.lolga-black [data-credit-v4] .credit-game-picker-field .points-game-picker {
    display: block;
    position: relative;
    width: 100%;
    margin: 0
}
.lolga-black [data-credit-v4] .credit-game-picker-field .points-game-mobile-label {
    display: block;
    margin: 0 0 9px;
    color: #ddd;
    font-size: 12px;
    font-weight: 700
}
.lolga-black [data-credit-v4] .credit-game-picker-field .points-game-trigger {
    width: 100%;
    min-height: 46px;
    background: #262626;
    border: 1px solid #343434;
    border-radius:4px;
    color: #f1f1f1;
    text-align: left
}
.lolga-black [data-credit-v4] .credit-game-picker-field .points-game-options {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 280px;
    overflow: auto;
    margin-top: 8px;
    padding: 8px;
    border: 0;
    border-radius: 12px;
    background: #1f1f1f;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .42)
}
.lolga-black [data-credit-v4] .credit-game-picker-field .points-game-options[hidden] {
    display: none
}
.lolga-black [data-credit-v4] .credit-game-picker-field .points-game-option {
    min-height: 44px;
    margin: 3px 0;
    border-radius: 9px
}
.lolga-black [data-credit-v4] .credit-game-picker-field .points-game-option.is-active {
    background: #173316;
    color: #5cff4f
}
.lolga-black [data-credit-v4] .credit-tabs {
    display: flex;
    grid-template-columns:none;
    gap: 12px;
    width: auto;
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent
}
.lolga-black [data-credit-v4] .credit-tab {
    min-width: 165px;
    min-height: 46px;
    padding: 11px 18px;
    border: 1px solid #343434;
    border-radius: 12px;
    background: #202020;
    color: #c7c7c7
}
.lolga-black [data-credit-v4] .credit-tab.is-on {
    background: #101010;
    border: 1px solid #45d42f;
    color: #5cff4f;
    box-shadow: none
}
.lolga-black [data-credit-v4] .credit-notice {
    background: #1d1d1d;
    border-left: 2px solid #383838;
    color: #bbb;
    font-weight: 500
}
@media (max-width: 767px) {
    .lolga-black [data-credit-v4] .credit-quick-selects {
        grid-template-columns:1fr
    }

    .lolga-black [data-credit-v4] .credit-tabs {
        gap: 8px;
        width: 100%
    }

    .lolga-black [data-credit-v4] .credit-tab {
        min-width: 0;
        flex: 1;
        padding: 10px
    }

    .lolga-black [data-credit-v4] .credit-game-picker-field .points-game-options {
        position: relative;
        top: auto;
        max-height: 250px
    }
}
/* Credit filter V5: one compact row, all custom selectors match the Games picker.
 * No JS or API changes. Hidden controls must not reserve grid tracks. */
@media (min-width: 768px) {
    .lolga-black [data-credit-v4] .credit-quick-selects {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 14px;
    }

    .lolga-black [data-credit-v4] .credit-quick-selects > .credit-quick-select:not([hidden]) {
        flex: 0 1 300px;
        width: 300px;
        max-width: 300px;
        min-width: 0;
    }
}
.lolga-black [data-credit-v4] .credit-quick-selects .credit-select-trigger,
.lolga-black [data-credit-v4] .credit-quick-selects .points-game-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 46px;
    padding: 9px 14px;
    border: 1px solid #343434;
    border-radius: 4px;
    background:#202020;
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    box-sizing: border-box;
}
.lolga-black [data-credit-v4] .credit-quick-selects .credit-select-menu,
.lolga-black [data-credit-v4] .credit-quick-selects .points-game-options {
    top: 100%;
    left: 0;
    right: 0;
    max-height: 280px;
    overflow-y: auto;
    margin-top: 8px;
    padding: 8px;
    border: 0;
    border-radius: 12px;
    background: #1f1f1f;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .42);
}
.lolga-black [data-credit-v4] .credit-quick-selects .credit-select-option,
.lolga-black [data-credit-v4] .credit-quick-selects .points-game-option {
    min-height: 44px;
    padding: 11px 12px;
    margin: 3px 0;
    border-radius: 9px;
}
.lolga-black [data-credit-v4] .credit-quick-selects .credit-select-option.is-selected,
.lolga-black [data-credit-v4] .credit-quick-selects .points-game-option.is-active {
    background: #173316;
    color: #5cff4f;
}
@media (max-width: 767px) {
    .lolga-black [data-credit-v4] .credit-quick-selects {
        display: grid;
        grid-template-columns:1fr;
        gap: 10px
    }

    .lolga-black [data-credit-v4] .credit-quick-selects > .credit-quick-select:not([hidden]) {
        width: 100%;
        max-width: none
    }
}
/* Align Model / Server / Category chevrons with the canonical Games picker. */
.lolga-black [data-credit-v4] .credit-select-trigger .credit-select-chevron{
 display:block;flex:0 0 17px;width:17px;height:17px;margin-left:auto;
 color:#aaa;stroke-width:2;vertical-align:middle;
}
.lolga-black [data-credit-v4] .credit-select-trigger{
 display:flex;align-items:center;justify-content:space-between;
}
/**
 * PURPOSE: Sell to Us V9 page-only dark visual design.
 * OWNS: [data-sell-page] + its body-appended Select2 dropdown; no-games state unchanged.
 * MUST NOT: Modify Checkout/Points, shared JS, Sell Cart, API and SEO behavior.
 * RELATED JS: purchase/index.blade.php (original page_sell); transaction-black.js.
 * RELATED DOC: docs/sell-to-us-refactor/README.md
 * DESIGN SOURCE: PR-0 Sell to Us responsive V9 HTML preview.
 */
[data-sell-page] { color:#bbb;background:#101010; }
[data-sell-page] *, [data-sell-page] *::before, [data-sell-page] *::after { box-sizing:border-box; }
[data-sell-page] .sell-shell { width:min(1440px,calc(100% - 32px));margin:auto;padding:32px 0 66px; }
[data-sell-page] h1, [data-sell-page] h2, [data-sell-page] h3 { color:#f5f5f5;font-weight:750;margin:0;line-height:1.3; }
[data-sell-page] p { margin:0; }
[data-sell-page] .sell-hero { display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:24px;align-items:center;margin-bottom:32px; }
[data-sell-page] .sell-eyebrow { margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#93d98c; }
[data-sell-page] .sell-eyebrow::before { content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#45d42f;margin:0 8px 1px 0; }
[data-sell-page] .sell-hero h1 { font-size:clamp(29px,3vw,38px);letter-spacing:-.035em; }
[data-sell-page] .sell-lead { font-size:14px;margin-top:8px;line-height:1.6; }
[data-sell-page] h2.sell-intro-title { font-size:14px;margin-top:16px; }
[data-sell-page] .sell-promises { display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:7px;font-size:12px;color:#a9b9a6; }
[data-sell-page] .sell-promises span::before { content:"✓";color:#45d42f;margin-right:6px; }
[data-sell-page] .sell-notice { padding:15px 17px;color:#dbc8a7;background:#211d18;border:1px solid #3c3226;border-radius:12px;font-size:12px;line-height:1.7; }
[data-sell-page] .sell-notice p + p { margin-top:7px; }
[data-sell-page] .sell-notice strong { color:#f5d39a; }
[data-sell-page] .sell-steps-section > h2 { font-size:19px;margin-bottom:12px; }
[data-sell-page] .sell-steps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:12px; }
[data-sell-page] .sell-step { background:#181818;border:1px solid #303030;border-radius:14px;padding:15px;min-width:0; }
[data-sell-page] .sell-step-number { display:inline-flex;align-items:center;justify-content:center;border:1px solid #2a6529;background:#183317;color:#45d42f;border-radius:7px;font-weight:800;font-size:12px;width:29px;height:28px; }
[data-sell-page] .sell-step h3 { font-size:13px;margin:12px 0 6px; }
[data-sell-page] .sell-step p { color:#a7a7a7;font-size:12px;line-height:1.55; }
[data-sell-page] .sell-step p strong { color:#d2d2d2; }
[data-sell-page] .sell-content { display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:16px;align-items:start;margin-top:21px; }
[data-sell-page] .sell-form-panel, [data-sell-page] .sell-contact-panel, [data-sell-page] .sell-help-panel { min-width:0;background:#181818;border:1px solid #303030;border-radius:14px;padding:22px; }
[data-sell-page] .sell-panel-header { display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:20px; }
[data-sell-page] .sell-panel-header h2, [data-sell-page] .sell-contact-panel > h2 { font-size:19px; }
[data-sell-page] .sell-panel-header p { font-size:12px;color:#a3a3a3;line-height:1.5;margin-top:5px; }
[data-sell-page] .sell-mandatory { white-space:nowrap;font-size:11px;color:#888;margin-top:3px; }
[data-sell-page] .sell-fieldset { border:0;border-top:1px solid #303030;margin:0;padding:17px 0 20px;min-width:0; }
[data-sell-page] .sell-fieldset legend { display:block;float:left;width:100%;padding:0;margin:0 0 17px;color:#bdbdbd;text-transform:uppercase;font-size:12px;letter-spacing:.07em;font-weight:800; }
[data-sell-page] .sell-fieldset legend span { margin-right:7px; }
[data-sell-page] .sell-fieldset legend + .sell-fields { clear:both; }
[data-sell-page] .sell-fields { list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin:0;padding:0; }
[data-sell-page] .sell-field { min-width:0;display:flex;flex-direction:column;gap:7px; }
[data-sell-page] .sell-field[hidden] { display:none !important; }
[data-sell-page] .sell-full { grid-column:1/-1; }
[data-sell-page] .sell-field label { color:#ddd;font-size:12px;font-weight:750;line-height:1.5; }
[data-sell-page] .sell-field label em, [data-sell-page] .sell-mandatory em { color:#fa8585;font-style:normal;margin-right:3px; }
[data-sell-page] .sell-field input, [data-sell-page] .sell-field select, [data-sell-page] .sell-field .select2-container .select2-selection--single {
 width:100%;min-width:0;height:48px !important;border-radius:9px;border:1px solid #393939;background:#222;color:#f5f5f5;font-family:inherit;font-size:14px;box-shadow:none;
}
[data-sell-page] .sell-field input, [data-sell-page] .sell-field select { padding:10px 12px; }
[data-sell-page] .sell-field input:focus-visible, [data-sell-page] .sell-field select:focus-visible, [data-sell-page] .sell-field .select2-container--focus .select2-selection--single { border-color:#686868 !important;outline:2px solid rgba(175,175,175,.16); }
[data-sell-page] .sell-field .select2-container { display:block;max-width:100%;width:100% !important; }
[data-sell-page] .sell-field .select2-container .select2-selection__rendered { color:#eee;font-size:14px;line-height:46px !important;padding-left:12px;padding-right:32px; }
[data-sell-page] .sell-field .select2-container .select2-selection__arrow { height:46px !important;right:8px; }
[data-sell-page] .sell-field .select2-container .select2-selection__placeholder { color:#999; }
[data-sell-page] .sell-field input.invalid, [data-sell-page] .sell-form.invalid input:invalid, [data-sell-page] .sell-form.invalid select:invalid { border-color:#ff5a5f !important; }
[data-sell-page] .sell-field input::-moz-placeholder { color:#888; }
[data-sell-page] .sell-field input::placeholder { color:#888; }
[data-sell-page] .sell-submit { display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:49px;margin-top:4px;padding:12px 16px;border:0;border-radius:9px;background:#45d42f;color:#081207;font-size:14px;font-weight:800;cursor:pointer; }
[data-sell-page] .sell-submit:hover:not(:disabled) { background:#55ef3f; }
[data-sell-page] .sell-submit:disabled { opacity:.7;cursor:wait; }
[data-sell-page] .sell-spinner { width:18px;height:18px;animation:sell-spin 1s linear infinite; }
@keyframes sell-spin { to { transform:rotate(360deg); } }
[data-sell-page] .sell-afterword { margin-top:15px;padding:12px 14px;background:#202020;border:1px solid #333;border-radius:9px;color:#aaa;font-size:12px;line-height:1.65; }
[data-sell-page] .sell-afterword strong { color:#eee; }
[data-sell-page] .sell-sidebar { display:grid;gap:12px;min-width:0; }
[data-sell-page] .sell-contact-panel, [data-sell-page] .sell-help-panel { padding:16px; }
[data-sell-page] .sell-contact-actions { display:grid;gap:9px;margin-top:16px; }
[data-sell-page] .sell-discord-account, [data-sell-page] .sell-contact-link { display:flex;align-items:center;gap:10px;min-width:0;background:#222;border:1px solid #353535;border-radius:10px;padding:10px;color:#eee;text-decoration:none; }
[data-sell-page] .sell-discord-account { flex-wrap:wrap; }
[data-sell-page] .sell-discord-initial { display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex:none;border-radius:6px;background:#36345c;color:#ccc9ff;font-size:12px;font-weight:800; }
[data-sell-page] .sell-discord-account > strong { color:#eee;font-size:12px; }
[data-sell-page] #copyDiscord { margin-left:auto;display:flex;align-items:center;gap:5px;padding:6px 8px;background:#303030;border:1px solid #454545;border-radius:7px;color:#ddd;font-size:12px;cursor:pointer; }
[data-sell-page] .sell-copy-tip { color:#45d42f;font-size:12px; }
[data-sell-page] .sell-contact-link > span:nth-of-type(1) { min-width:0; }
[data-sell-page] .sell-contact-link b { color:#eee;font-size:12px;display:block; }
[data-sell-page] .sell-contact-link small { color:#aaa;display:block;font-size:11px;line-height:1.45;margin-top:3px; }
[data-sell-page] .sell-contact-link > span:last-child { margin-left:auto;color:#aaa; }
[data-sell-page] .sell-contact-link:hover { background:#292929;border-color:#555; }
[data-sell-page] .sell-help-panel h3 { font-size:13px; }
[data-sell-page] .sell-help-panel p { font-size:12px;color:#aaa;line-height:1.6;margin-top:8px; }
[data-sell-page] .sell-help-panel strong { color:#ddd; }
/* Select2 attaches dropdowns to body; :has() scopes the skin to the sell page. */
body.lolga-black:has([data-sell-page]) .select2-container--open .select2-dropdown { background:#202020;border:1px solid #454545;border-radius:9px;color:#eee;z-index:1200; }
body.lolga-black:has([data-sell-page]) .select2-container--open .select2-results__option { background:#202020;color:#eee;padding:9px 12px;overflow-wrap:anywhere; }
body.lolga-black:has([data-sell-page]) .select2-container--open .select2-results__option--highlighted[aria-selected] { background:#31552c;color:#fff; }
body.lolga-black:has([data-sell-page]) .select2-container--open .select2-search__field { color:#fff;background:#202020;border:1px solid #454545; }
@media(max-width:1023px) { [data-sell-page] .sell-content { grid-template-columns:1fr; }[data-sell-page] .sell-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { [data-sell-page] .sell-hero { grid-template-columns:1fr; }[data-sell-page] .sell-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }[data-sell-page] .sell-sidebar { grid-template-columns:1fr; } }
@media(max-width:479px) { [data-sell-page] .sell-shell { padding:23px 0 48px; }[data-sell-page] .sell-steps { gap:9px; }[data-sell-page] .sell-step { padding:12px; }[data-sell-page] .sell-form-panel { padding:16px; }[data-sell-page] .sell-fields { grid-template-columns:1fr; }[data-sell-page] .sell-mandatory { font-size:10px; } }