/* =====================================================================
   PrivateDrop v2.20 — upgrader bottom panels (inventory/market + target)
   Single owner of: panel shell, headers, tabs, filters, grid, grid cards,
   pagination footer, empty-inventory overlay.
   Geometry is taken 1:1 from the reference at 1912px (--pd-u = 1px) and
   scales with --pd-u like the rest of the board. Card internals scale
   with the card itself (cqw).
   ===================================================================== */

._row_1ohf7_8,
._panel_14f48_2{
  --pdp-u:var(--pd-u,1px);
  /* chrome reads the 2.0 tokens; --pdp-card / --pdp-price belong to the skin cards and stay */
  --pdp-page:var(--pd2-bg);
  --pdp-body:var(--pd2-s1);
  --pdp-head:var(--pd2-s2);
  --pdp-card:#181a1e;
  --pdp-ctl:var(--pd2-s3);
  --pdp-ctl-hover:var(--pd2-s4);
  --pdp-line:var(--pd2-line-2);
  --pdp-line-2:var(--pd2-line-3);
  --pdp-gold:var(--pd2-gold);
  --pdp-price:#f5d033;
  --pdp-muted:var(--pd2-text-2);
  --pdp-placeholder:var(--pd2-text-3);
  --pdp-font:"Exo 2",Inter,"Segoe UI",Arial,sans-serif;
  --pdp-r:calc(var(--pdp-u) * 10);
}

/* ---------- row: two panels, 8px apart ---------- */
@media (min-width:1280px){
  ._row_1ohf7_8{column-gap:calc(var(--pdp-u) * 8)}
}

/* ---------- panel shell ---------- */
._panel_14f48_2{
  background:var(--pdp-body);
  border:0;
  border-radius:calc(var(--pdp-u) * 12);
  overflow:hidden;
  box-shadow:none;
}
._inventoryContent_tcvfg_87,
._shopContent_tcvfg_100{background:var(--pdp-body)}

/* ---------- header ---------- */
._header_14f48_10{
  min-height:calc(var(--pdp-u) * 80);
  padding:0 calc(var(--pdp-u) * 16) 0 calc(var(--pdp-u) * 18);
  gap:calc(var(--pdp-u) * 10);
  background:var(--pdp-head);
  border-bottom:0;
  box-shadow:0 1px 0 #1c1d21;
}
@media (min-width:768px){
  ._header_14f48_10{flex-wrap:nowrap;align-items:center}
  ._headerLeft_14f48_29{flex:0 0 auto;gap:calc(var(--pdp-u) * 10);min-width:0}
  ._headerRight_14f48_35{flex:1 1 auto;justify-content:flex-end;gap:calc(var(--pdp-u) * 10);min-width:0;margin-left:auto}
  /* the bundle switches to a stacked compact header below 580px panel width — keep one row on desktop/tablet */
  ._headerLeft_tcvfg_15,._headerLeft_17br1_6{flex:0 0 auto;min-width:0;display:flex}
  ._headerRight_17br1_12,._headerRightInline_tcvfg_25{flex:1 1 auto;justify-content:flex-end}
  ._iconTabList_tcvfg_40{flex:0 0 auto}
  ._iconTab_tcvfg_40{flex:0 0 auto}
  ._tabLabel_tcvfg_82{display:none}
  ._headerTitle_tcvfg_150,
  ._headerLeft_17br1_6 > span{display:inline-flex;white-space:nowrap}
}

/* titles */
._headerTitle_tcvfg_150,
._headerLeft_17br1_6 > span{
  align-items:center;
  gap:calc(var(--pdp-u) * 12);
  color:#fff;
  font-family:var(--pdp-font);
  font-size:calc(var(--pdp-u) * 19);
  line-height:calc(var(--pdp-u) * 24);
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  white-space:nowrap;
}
._headerLeft_17br1_6 > span::before{
  content:"";
  flex:0 0 auto;
  width:calc(var(--pdp-u) * 16);
  height:calc(var(--pdp-u) * 18);
  background:linear-gradient(135deg,#eed8a3 0%,#dcbc7c 50%,#b38f52 100%);
  -webkit-mask:url('/assets/pd-card-chevron-v2250.svg?v=2250') center/contain no-repeat;
  mask:url('/assets/pd-card-chevron-v2250.svg?v=2250') center/contain no-repeat;
}

/* inventory / market tabs */
._iconTabList_tcvfg_40{
  align-items:center;
  gap:calc(var(--pdp-u) * 4);
  padding:calc(var(--pdp-u) * 3);
  border-radius:var(--pdp-r);
  background:var(--pdp-body);
  box-shadow:none;
  border:0;
}
@media (min-width:768px){
  ._iconTab_tcvfg_40{
    width:calc(var(--pdp-u) * 38);
    height:calc(var(--pdp-u) * 38);
    min-width:0;
    padding:0;
  }
  ._iconTab_tcvfg_40 svg{width:calc(var(--pdp-u) * 20);height:calc(var(--pdp-u) * 20)}
}
._iconTab_tcvfg_40{
  border-radius:calc(var(--pdp-u) * 8);
  background:transparent;
  color:#7d7f85;
  transition:color .15s ease,background-color .15s ease;
}
@media (hover:hover) and (pointer:fine){
  ._iconTab_tcvfg_40:not([data-state=active]):hover{color:#fff;background:#222328}
}
._iconTab_tcvfg_40[data-state=active]{
  background:var(--pdp-gold);
  color:#16171a;
  box-shadow:none;
}

/* ---------- header controls (one control family, 48px) ---------- */
._btn_1gf1u_2,
._btn_bvzzp_106{
  width:calc(var(--pdp-u) * 48);
  height:calc(var(--pdp-u) * 48);
  min-width:calc(var(--pdp-u) * 48);
  padding:0;
  border:0;
  border-radius:var(--pdp-r);
  background:var(--pdp-ctl);
  box-shadow:none;
  flex:0 0 auto;
}
._btn_1gf1u_2 svg{width:calc(var(--pdp-u) * 20);height:calc(var(--pdp-u) * 20)}
._btn_bvzzp_106 svg{width:calc(var(--pdp-u) * 22);height:calc(var(--pdp-u) * 22);color:#c9cacd}
._btn_1gf1u_2:disabled,._btn_bvzzp_106:disabled{background:var(--pdp-ctl)}
@media (hover:hover) and (pointer:fine){
  ._btn_1gf1u_2:hover:not(:disabled),
  ._btn_bvzzp_106:hover:not(:disabled){background:var(--pdp-ctl-hover)}
  ._btn_bvzzp_106:hover:not(:disabled) svg{color:#fff}
}
._btn_1gf1u_2:active:not(:disabled),
._btn_bvzzp_106:active:not(:disabled){background:#24262a}

/* total-value badge (inventory tab) */
._totalBadge_tcvfg_29{
  height:calc(var(--pdp-u) * 48);
  padding:0 calc(var(--pdp-u) * 16);
  gap:calc(var(--pdp-u) * 14);
  border:1px solid var(--pdp-line);
  border-radius:var(--pdp-r);
  background:transparent;
  font-family:var(--pdp-font);
}

/* search + price range (rebuilt PriceSearch component) */
._wrap_bvzzp_2{
  flex:1 1 auto;
  min-width:0;
  justify-content:flex-end;
  gap:calc(var(--pdp-u) * 10);
}
._search_bvzzp_19{
  position:static;
  inset:auto;
  clip-path:none;
  flex:0 1 calc(var(--pdp-u) * 146);
  width:calc(var(--pdp-u) * 146);
  min-width:calc(var(--pdp-u) * 70);
  height:calc(var(--pdp-u) * 48);
  margin-right:calc(var(--pdp-u) * -3);
  padding:0 calc(var(--pdp-u) * 16);
  border:1px solid var(--pdp-line);
  border-radius:var(--pdp-r);
  background:transparent;
  color:#fff;
  font-family:var(--pdp-font);
  font-size:calc(var(--pdp-u) * 15);
  font-weight:600;
  line-height:1;
  transition:border-color .15s ease;
}
._search_bvzzp_19::placeholder{color:var(--pdp-placeholder);font-size:calc(var(--pdp-u) * 15);font-weight:600}
/* focus: neutral lift only — no gold outline (the global :focus-visible ring was clipped into stray yellow bars) */
._search_bvzzp_19:focus,
._search_bvzzp_19:focus-visible{border-color:#55565c;outline:none;box-shadow:none}
._fields_bvzzp_20{
  flex:0 1 calc(var(--pdp-u) * 229);
  width:calc(var(--pdp-u) * 229);
  min-width:calc(var(--pdp-u) * 150);
  height:calc(var(--pdp-u) * 48);
  gap:0;
  border:1px solid var(--pdp-line-2);
  border-radius:var(--pdp-r);
  background:transparent;
  overflow:hidden;
  transition:border-color .15s ease;
}
._fields_bvzzp_20:focus-within{border-color:#55565c}
._fields_bvzzp_20 input:focus,
._fields_bvzzp_20 input:focus-visible,
._priceInput_bvzzp_31:focus-within{outline:none;box-shadow:none}
._priceInput_bvzzp_31{
  flex:1 1 0;
  min-width:0;
  height:100%;
  padding:0 calc(var(--pdp-u) * 10) 0 calc(var(--pdp-u) * 11);
  gap:calc(var(--pdp-u) * 6);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
._priceInput_bvzzp_31 + ._priceInput_bvzzp_31{border-left:1px solid var(--pdp-line-2)}
._priceInput_bvzzp_31 ._leadingIcon_xbunq_40{color:inherit}
.pd-price-coin{
  display:block;
  width:calc(var(--pdp-u) * 15);
  height:calc(var(--pdp-u) * 15);
  object-fit:contain;
}
._priceInput_bvzzp_31 input{
  height:100%;
  color:#fff;
  font-family:var(--pdp-font);
  font-size:calc(var(--pdp-u) * 15);
  font-weight:600;
  text-align:left;
}
._priceInput_bvzzp_31 input::placeholder{color:var(--pdp-placeholder);text-transform:none;letter-spacing:0}

/* ---------- grid ---------- */
._gridContainer_f57nd_2{
  --_grid-pad:calc(var(--pdp-u) * 8);
  min-height:0;
  padding:calc(var(--pdp-u) * 10) calc(var(--pdp-u) * 8) calc(var(--pdp-u) * 8);
  flex:0 0 auto;
}
@media (min-width:768px){
  ._grid_f57nd_2{
    flex:none;
    width:100%;
    min-height:0;
    gap:calc(var(--pdp-u) * 7);
    grid-template-columns:repeat(5,minmax(0,1fr));
    grid-template-rows:repeat(4,minmax(0,1fr));
    /* 5 × 4 square cards + 7px gaps: 703 × 561 at reference scale */
    aspect-ratio:703/561;
    align-content:stretch;
  }
}
/* phones: 3 columns of square cards, 5px gaps, darker well */
@media (max-width:767px){
  ._gridContainer_f57nd_2{--_grid-pad:6px;padding:8px 6px 6px;min-height:0;background:var(--pd2-well)}
  ._grid_f57nd_2{gap:5px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;align-content:start}
  ._grid_f57nd_2 [data-skin-card]{aspect-ratio:1;height:auto}
}

/* ---------- grid card ---------- */
._grid_f57nd_2 [data-skin-card]{
  --pd-rgb:167 167 167;
  --pd-rarity:#a7a7a7;
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:block;
  overflow:hidden;
  isolation:isolate;
  border:0;
  /* shell tokens: rim = one gradient painted into a real 2px border (pixel-snapped, equal on all sides),
     glow = separate centred rarity light, halo = soft light ring outside the card */
  --pd-rim-w:2px;
  --pd-glow-k:1.3;
  --pd-rim:linear-gradient(135deg,
    rgba(var(--pd-rgb)/1) 0%, rgba(var(--pd-rgb)/1) 10%, rgba(var(--pd-rgb)/.78) 25%, rgba(var(--pd-rgb)/.62) 35%,
    rgba(var(--pd-rgb)/.46) 47%, rgba(var(--pd-rgb)/.29) 57%, rgba(var(--pd-rgb)/.16) 65%,
    rgba(255 255 255/.03) 75%, rgba(255 255 255/.03) 100%);
  border-radius:calc(var(--pdp-u) * 6.6);
  background:#17181c;
  box-shadow:0 0 calc(var(--pdp-u) * 3) calc(var(--pdp-u) * 1) rgba(190 200 220/.075);
  filter:none;
  container-type:size;
  transition:transform .18s ease;
}
:is(._grid_f57nd_2 [data-skin-card],[data-skin-card][class*="_fullCard_"])._rarity-gray_19ntz_37{--pd-rgb:176 195 217;--pd-rarity:#b0c3d9;--pd-glow-k:1}
:is(._grid_f57nd_2 [data-skin-card],[data-skin-card][class*="_fullCard_"])._rarity-blue_19ntz_38{--pd-rgb:94 152 217;--pd-rarity:#5e98d9}
:is(._grid_f57nd_2 [data-skin-card],[data-skin-card][class*="_fullCard_"])._rarity-dark-blue_19ntz_42{--pd-rgb:75 105 255;--pd-rarity:#4b69ff}
:is(._grid_f57nd_2 [data-skin-card],[data-skin-card][class*="_fullCard_"])._rarity-fiol_19ntz_39{--pd-rgb:136 71 255;--pd-rarity:#8847ff}
:is(._grid_f57nd_2 [data-skin-card],[data-skin-card][class*="_fullCard_"])._rarity-pink_19ntz_43{--pd-rgb:211 44 230;--pd-rarity:#d32ce6}
:is(._grid_f57nd_2 [data-skin-card],[data-skin-card][class*="_fullCard_"])._rarity-red_19ntz_41{--pd-rgb:235 75 75;--pd-rarity:#eb4b4b}
:is(._grid_f57nd_2 [data-skin-card],[data-skin-card][class*="_fullCard_"])._rarity-yellow_19ntz_40{--pd-rgb:228 174 57;--pd-rarity:#e4ae39}

/* shop wraps the card in a second [data-skin-card] node: keep only the inner card's shell */
._grid_f57nd_2 ._root_18uko_2[data-skin-card]{background:transparent;box-shadow:none;overflow:visible;border-radius:calc(var(--pdp-u) * 6.6)}
._grid_f57nd_2 ._root_18uko_2[data-skin-card]::before,
._grid_f57nd_2 ._root_18uko_2[data-skin-card]::after{content:none}

/* glow layer: rarity light centred behind the item, edges and corners stay neutral */
._grid_f57nd_2 [data-skin-card]::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(50% 50% at 50% 48%,
    rgba(var(--pd-rgb)/calc(var(--pd-glow-k) * .24)) 0%,
    rgba(var(--pd-rgb)/calc(var(--pd-glow-k) * .157)) 34%,
    rgba(var(--pd-rgb)/calc(var(--pd-glow-k) * .065)) 66%,
    rgba(var(--pd-rgb)/0) 96%);
  transition:opacity .18s ease;
}
/* rim layer: a real border (snapped to device pixels -> identical thickness on all four sides,
   concentric inner radius) filled with --pd-rim; the mask keeps only the border ring */
._grid_f57nd_2 [data-skin-card]::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:6;
  box-sizing:border-box;
  padding:0;
  border:var(--pd-rim-w) solid transparent;
  border-radius:inherit;
  pointer-events:none;
  background:var(--pd-rim) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0) border-box;
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0) border-box;
  opacity:1;
  transition:opacity .18s ease;
}

/* price (gold) + wear, top-right */
._grid_f57nd_2 [data-skin-card] ._amount_19ntz_54{
  position:absolute;
  top:6.6cqw;
  right:8.6cqw;
  left:auto;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.6cqw;
  max-width:90%;
  padding:0;
}
._grid_f57nd_2 [data-skin-card] ._amountValue_19ntz_75{
  --color-white-100:var(--pdp-price);
  display:inline-flex;
  align-items:center;
  gap:2.4cqw;
  color:#fdd914;
  font-family:var(--pdp-font);
  font-size:9.4cqw;
  line-height:1.1;
  font-weight:600;
  letter-spacing:-.02em;
  word-spacing:-.04em;
  font-variant-numeric:normal;
  white-space:nowrap;
  -webkit-text-stroke:.5cqw #fdd914;
}
._grid_f57nd_2 [data-skin-card] ._amount_19ntz_54 img{
  width:8.6cqw;
  height:8.6cqw;
  flex:0 0 auto;
}
._grid_f57nd_2 [data-skin-card] .pd-cs2-native-wear{
  position:static;
  display:block;
  margin:0;
  margin:1.4cqw -1.6cqw 0 0;
  color:#a7a7a7;
  font-family:var(--pdp-font);
  font-size:7.4cqw;
  line-height:1.1;
  font-weight:600;
  letter-spacing:.01em;
  -webkit-text-stroke:.2cqw #a7a7a7;
  pointer-events:none;
}
._grid_f57nd_2 [data-skin-card] ._stLabel_19ntz_100{display:none}

/* item image + faint rarity chevron behind it */
._grid_f57nd_2 [data-skin-card] ._cardImg_19ntz_80{
  position:absolute;
  inset:21.1% 7% 21.9% 7%;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  overflow:visible;
  background:transparent;
}
._grid_f57nd_2 [data-skin-card] ._cardImg_19ntz_80::before{
  content:"";
  position:absolute;
  left:50%;
  top:52%;
  width:58%;
  height:88%;
  transform:translate(-50%,-50%);
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--pd-rgb)) 78%,#fff) 0%,color-mix(in srgb,rgb(var(--pd-rgb) / .75) 78%,rgb(255 255 255 / .75)) 100%);
  -webkit-mask:url('/assets/pd-card-chevron-v2250.svg?v=2250') center/contain no-repeat;
  mask:url('/assets/pd-card-chevron-v2250.svg?v=2250') center/contain no-repeat;
  opacity:.25;
}
._grid_f57nd_2 [data-skin-card] ._cardImg_19ntz_80 img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 .7cqw 1.4cqw rgba(0 0 0/.3));
  image-rendering:auto;
  transition:transform .2s ease;
}

/* category + name, bottom-centre */
._grid_f57nd_2 [data-skin-card] ._block_19ntz_37{
  position:absolute;
  left:6%;
  right:6%;
  bottom:8.1cqw;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  min-height:0;
  padding:0;
  background:none;
  border:0;
}
._grid_f57nd_2 [data-skin-card] ._cardWeapon_19ntz_151,
._grid_f57nd_2 [data-skin-card] ._cardName_19ntz_163{
  width:100%;
  margin:0;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
._grid_f57nd_2 [data-skin-card] ._cardWeapon_19ntz_151{
  --color-white-100:#a7a7a7;
  color:#a7a7a7;
  font-family:var(--pdp-font);
  margin-bottom:.8cqw;
  font-size:5.7cqw;
  line-height:1.2;
  font-weight:600;
  -webkit-text-stroke:.15cqw #a7a7a7;
}
._grid_f57nd_2 [data-skin-card] ._cardName_19ntz_163{
  color:#fff;
  font-family:var(--pdp-font);
  font-size:8.7cqw;
  line-height:1.15;
  font-weight:600;
  letter-spacing:.045em;
  -webkit-text-stroke:.5cqw #fff;
}

/* add / remove icon on hover */
._grid_f57nd_2 [data-skin-card] ._centerIcon_19ntz_198{
  z-index:7;
  top:46%;
  width:22cqw;
  height:22cqw;
  padding:0;
  border-radius:50%;
  background:rgba(251,215,4,.92);
  color:#16171a;
  box-shadow:0 4px 14px rgba(0 0 0/.35);
}
._grid_f57nd_2 [data-skin-card] ._centerIcon_19ntz_198 svg{width:62%;height:62%;color:#16171a}
._grid_f57nd_2 [data-skin-card] ._selectOverlay_19ntz_189{
  inset:0;
  border-radius:inherit;
  background:rgba(251,215,4,.05);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

/* hover */
@media (hover:hover) and (pointer:fine){
  ._grid_f57nd_2 [data-skin-card]:hover{filter:none;transform:translateY(-2px)}
  ._grid_f57nd_2 [data-skin-card]:not(._selected_19ntz_32):hover{--pd-glow-k:1.7}
  ._grid_f57nd_2 [data-skin-card]._rarity-gray_19ntz_37:not(._selected_19ntz_32):hover{--pd-glow-k:1.3}
  ._grid_f57nd_2 [data-skin-card]:hover ._cardImg_19ntz_80 img{transform:scale(1.04)}
}

/* selected: gold rim + warm inner glow */
._grid_f57nd_2 [data-skin-card]._selected_19ntz_32{border:0;--pd-rim:linear-gradient(158deg,#ffe45c 0%,#fbd704 45%,rgba(251,215,4,.75) 100%)}
._grid_f57nd_2 [data-skin-card]._selected_19ntz_32::before{
  background:
    radial-gradient(64% 56% at 50% 50%, rgba(251,215,4,.26) 0%, rgba(251,215,4,.10) 55%, transparent 84%),
    linear-gradient(180deg, rgba(251,215,4,.06) 0%, transparent 45%, rgba(0 0 0/.16) 100%);
}

/* ---------- pagination footer ---------- */
._invFooter_f57nd_31,
._invFooter_7bmw8_10{
  height:calc(var(--pdp-u) * 78);
  min-height:calc(var(--pdp-u) * 78);
  padding:0 calc(var(--pdp-u) * 16);
  gap:calc(var(--pdp-u) * 10);
  background:var(--pdp-body);
  border-top:0;
}
._pagination_14f48_55,
._pagination_7bmw8_22{gap:calc(var(--pdp-u) * 10)}
._invFooter_f57nd_31 ._btn_11jng_2,
._invFooter_7bmw8_10 ._btn_11jng_2{
  width:calc(var(--pdp-u) * 46);
  height:calc(var(--pdp-u) * 46);
  padding:0;
  justify-content:center;
  border:0;
  border-radius:calc(var(--pdp-u) * 8);
  background:#26282a;
}
._invFooter_f57nd_31 ._btn_11jng_2 svg,
._invFooter_7bmw8_10 ._btn_11jng_2 svg{width:calc(var(--pdp-u) * 22);height:calc(var(--pdp-u) * 22);color:#fff}
._invFooter_f57nd_31 ._btn_11jng_2:disabled,
._invFooter_7bmw8_10 ._btn_11jng_2:disabled{background:#1a1c1e}
._invFooter_f57nd_31 ._btn_11jng_2:disabled svg,
._invFooter_7bmw8_10 ._btn_11jng_2:disabled svg{color:#4a4c50}
@media (hover:hover) and (pointer:fine){
  ._invFooter_f57nd_31 ._btn_11jng_2:hover:not(:disabled),
  ._invFooter_7bmw8_10 ._btn_11jng_2:hover:not(:disabled){background:#303237}
}

/* ---------- empty inventory overlay (top-up / go to shop) ---------- */
._overlay_14f48_62{
  background:rgba(14,14,16,.30);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
._overlayContent_14f48_73{
  gap:calc(var(--pdp-u) * 14);
  padding:calc(var(--pdp-u) * 26) calc(var(--pdp-u) * 28);
  border:0;
  border-radius:calc(var(--pdp-u) * 8);
  background:#18191d;
  box-shadow:0 12px 32px rgba(0,0,0,.45);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  text-align:center;
}
._overlayContent_14f48_73 > div:first-child{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:calc(var(--pdp-u) * 4);
}
._overlayContent_14f48_73 span{font-family:var(--pdp-font)}
._overlayContent_14f48_73 ._button_b5k30_1._emptyButton_tcvfg_113{
  width:auto;
  height:calc(var(--pdp-u) * 46);
  padding:0 calc(var(--pdp-u) * 20);
  gap:calc(var(--pdp-u) * 10);
  border:2px solid var(--pdp-gold);
  border-radius:calc(var(--pdp-u) * 8);
  background:transparent;
  box-shadow:none;
  color:#fff;
}
._overlayContent_14f48_73 ._button_b5k30_1._emptyButton_tcvfg_113 svg{color:var(--pdp-gold);width:calc(var(--pdp-u) * 18);height:calc(var(--pdp-u) * 18)}
._overlayContent_14f48_73 ._button_b5k30_1._emptyButton_tcvfg_113 span{font-size:calc(var(--pdp-u) * 16);line-height:1;font-weight:600}
@media (hover:hover) and (pointer:fine){
  ._overlayContent_14f48_73 ._button_b5k30_1._emptyButton_tcvfg_113:hover{background:rgba(251,215,4,.08)}
}

/* ---------- phones (reference 3): title row + one 32px filter row, compact cards ---------- */
@media (max-width:767px){
  ._panel_14f48_2{--pdp-u:1px;border-radius:0 0 12px 12px}
  ._header_14f48_10{
    min-height:0;
    padding:12px;
    row-gap:12px;
    column-gap:8px;
    flex-wrap:wrap;
    box-shadow:none;
  }

  /* "Прокачать до" + grey double chevron on the right */
  ._headerLeft_17br1_6{
    display:flex;
    flex:1 1 100%;
    min-height:0;
    padding:6px 0 2px;
  }
  ._headerLeft_17br1_6 > span{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    width:100%;
    --color-white-100:#949597;
    color:#949597;
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:19px;
    line-height:24px;
    font-weight:400;
    letter-spacing:.005em;
  }
  ._headerLeft_17br1_6 > span::before{width:18px;height:19px;background:#949597}
  ._headerRight_17br1_12{flex:1 1 100%}

  /* filter row: sort 32 · search · от/до 158 · search 32 */
  ._headerRight_14f48_35{gap:8px}
  ._wrap_bvzzp_2{gap:8px}
  ._btn_1gf1u_2,._btn_bvzzp_106{width:32px;height:32px;min-width:32px;border-radius:8px;background:var(--pd2-s3);box-shadow:inset 0 0 0 1px var(--pd2-line)}
  ._btn_1gf1u_2 svg{width:16px;height:16px}
  ._btn_bvzzp_106 svg{width:20px;height:20px}
  ._search_bvzzp_19{
    flex:1 1 0;
    width:auto;
    min-width:56px;
    height:32px;
    margin-right:-1px;
    padding:0 10px;
    border-color:var(--pd2-line-2);
    border-radius:8px;
    font-size:14px;
    font-weight:500;
  }
  ._search_bvzzp_19::placeholder{color:var(--pd2-text-3);font-size:14px;font-weight:500}
  ._fields_bvzzp_20{flex:0 1 158px;width:158px;min-width:110px;height:32px;border-color:var(--pd2-line-2);border-radius:8px}
  ._priceInput_bvzzp_31{padding:0 8px 0 9px;gap:0}
  ._priceInput_bvzzp_31 + ._priceInput_bvzzp_31{border-left-color:var(--pd2-line-2)}
  ._priceInput_bvzzp_31 ._leadingIcon_xbunq_40{display:none}
  ._priceInput_bvzzp_31 input{font-size:13px;font-weight:500}
  ._priceInput_bvzzp_31 input::placeholder{color:var(--pd2-text-3)}

  /* inventory side: segmented icon tabs, then sort + total on one row */
  ._headerLeft_tcvfg_15{flex:1 1 100%}
  /* My skins | Shop: dark pill track, active segment = gold pill (reference) */
  ._iconTabList_tcvfg_40{display:grid;grid-template-columns:1fr 1fr;flex:1;width:100%;height:44px;padding:4px;gap:4px;border-radius:12px;background:var(--pd2-well);box-shadow:inset 0 0 0 1px var(--pd2-line)}
  ._iconTab_tcvfg_40{display:flex;align-items:center;justify-content:center;width:auto;min-width:0;height:36px;padding:0 10px;gap:8px;border-radius:9px;background:transparent;color:var(--pd2-text-3)}
  ._iconTab_tcvfg_40[data-state=active]{background:var(--pd2-gold-wash-2);color:var(--pd2-gold-hi);box-shadow:inset 0 0 0 1px var(--pd2-gold-line)}
  ._iconTab_tcvfg_40 svg{width:18px;height:18px;color:currentColor}
  ._tabLabel_tcvfg_82{font-family:var(--pdp-font);font-size:15px;font-weight:600;color:inherit;white-space:nowrap}
  ._headerRightInline_tcvfg_25{flex:1 1 100%;gap:8px}
  ._totalBadge_tcvfg_29{flex:1;height:32px;padding:0 10px;border-radius:8px;border-color:var(--pd2-line-2)}

  /* cards */
  ._grid_f57nd_2 [data-skin-card]{border-radius:6px}

  /* pagination */
  ._invFooter_f57nd_31,._invFooter_7bmw8_10{height:52px;min-height:52px;padding:0 12px;background:var(--pd2-well)}
  ._invFooter_f57nd_31 ._btn_11jng_2,._invFooter_7bmw8_10 ._btn_11jng_2{width:36px;height:36px;border-radius:8px}
  ._invFooter_f57nd_31 ._btn_11jng_2 svg,._invFooter_7bmw8_10 ._btn_11jng_2 svg{width:18px;height:18px}
}

/* =====================================================================
   v2.25 — brand slots, upgrade lock, shop selection
   ===================================================================== */

/* ---------- empty upgrade slots: rifle silhouette + brand arrows (photo 1) ---------- */
._placeholder_1kx1q_10 ._image_1kx1q_19{content:url('/images/pd-slot-down-v2260.webp')}
._placeholder_1kx1q_10 ._image_1kx1q_19[alt="target skin"]{content:url('/images/pd-slot-up-v2260.webp')}
@media (max-width:767px){
  /* phones: keep the art under the two-line caption instead of over it */
  ._placeholder_1kx1q_10{top:34%}
  ._placeholder_1kx1q_10 ._image_1kx1q_19{width:auto;height:100%;max-width:92%}
}

/* ---------- upgrade in progress: every card shows a lock until the result is credited ----------
   .pd-dial[data-pd-locked] mirrors upgrader.locked (bet click -> reset() right before the won item
   lands in the inventory). Applies to market, inventory and desired-items grids. */
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]:not(._root_18uko_2){pointer-events:none;cursor:default}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 ._root_18uko_2{pointer-events:none}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._card_19ntz_2{opacity:1;filter:none}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._card_19ntz_2 > :not(._cardImg_19ntz_80){opacity:.5}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._card_19ntz_2 ._cardImg_19ntz_80 img{opacity:.42;filter:grayscale(.25) drop-shadow(0 1.6cqw 2.4cqw rgba(0 0 0/.4));transform:none}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._card_19ntz_2::before{opacity:.55}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._card_19ntz_2:not(._selected_19ntz_32)::after{opacity:.55}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._card_19ntz_2 ._cardImg_19ntz_80::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:31cqw;
  height:36cqw;
  transform:translate(-50%,-50%);
  background:#c7c8cb;
  -webkit-mask:url('/assets/pd-lock-v2250.svg') center/contain no-repeat;
  mask:url('/assets/pd-lock-v2250.svg') center/contain no-repeat;
  filter:drop-shadow(0 1cqw 2cqw rgba(0 0 0/.35));
  pointer-events:none;
}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 ._centerIcon_19ntz_198,
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 ._removeIcon_19ntz_239{display:none}
/* bet items leave "my skins" the moment the upgrade starts (settleBet removes them for good) */
body:has(.pd-dial[data-pd-locked="1"]) ._inventoryContent_tcvfg_87 ._grid_f57nd_2 [data-skin-card]._selected_19ntz_32{display:none}
/* the chosen target stays: gold frame + warm wash under the lock (photo 1) */
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._selected_19ntz_32::before{
  opacity:1;
  background:
    radial-gradient(80% 70% at 50% 62%,rgba(251,215,4,.16) 0%,rgba(251,215,4,0) 80%),
    linear-gradient(180deg,rgba(251,215,4,.06) 0%,rgba(251,215,4,.22) 100%);
}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._selected_19ntz_32{--pd-rim:linear-gradient(#fbd506 0 0)}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._selected_19ntz_32::after{opacity:1}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._selected_19ntz_32 ._cardImg_19ntz_80::after{background:#e9e9ea}
body:has(.pd-dial[data-pd-locked="1"]) ._grid_f57nd_2 [data-skin-card]._selected_19ntz_32 ._selectOverlay_19ntz_189{background:transparent}

/* ---------- shop selection action (reference 1:1): arrows left, delete + total/cart right ---------- */
._invFooter_7bmw8_10{--sf:var(--pdp-u);height:calc(var(--sf) * 68);min-height:calc(var(--sf) * 68);padding:0;background:transparent}
._invFooter_7bmw8_10 ._pagination_7bmw8_22{gap:calc(var(--sf) * 7)}
._invFooter_7bmw8_10:has(._footerRight_7bmw8_34) ._pagination_7bmw8_22{left:calc(var(--sf) * 21);transform:translateY(-50%)}
._invFooter_7bmw8_10 ._pagination_7bmw8_22 ._btn_11jng_2{width:calc(var(--sf) * 48)!important;height:calc(var(--sf) * 48)!important;padding:0;border:0!important;border-radius:calc(var(--sf) * 12)!important;background:#232428!important;color:#fff;box-shadow:none}
._invFooter_7bmw8_10 ._pagination_7bmw8_22 ._btn_11jng_2:disabled{background:#1c1d20!important}
._invFooter_7bmw8_10 ._pagination_7bmw8_22 ._btn_11jng_2 svg{width:calc(var(--sf) * 32);height:calc(var(--sf) * 32);color:#fff}
._invFooter_7bmw8_10 ._pagination_7bmw8_22 ._btn_11jng_2:disabled svg{color:#606063}
._invFooter_7bmw8_10 ._footerRight_7bmw8_34{right:calc(var(--sf) * 15);max-width:calc(100% - var(--sf) * 150)}
._invFooter_7bmw8_10 ._cartActions_7bmw8_64{gap:calc(var(--sf) * 7);min-width:0}
._invFooter_7bmw8_10 ._deleteAllBtn_7bmw8_49{width:calc(var(--sf) * 48);height:calc(var(--sf) * 48);padding:0;flex:0 0 calc(var(--sf) * 48);border:0;border-radius:calc(var(--sf) * 12);background:#232428;color:#a7a7a7;box-shadow:none}
._invFooter_7bmw8_10 ._deleteAllBtn_7bmw8_49 svg{width:calc(var(--sf) * 21);height:calc(var(--sf) * 21);visibility:hidden;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M9.2 2h5.6l.9 1.6H20v2.6H4V3.6h4.3L9.2 2ZM5.3 7.4h13.4l-1 13.1A1.7 1.7 0 0 1 16 22H8a1.7 1.7 0 0 1-1.7-1.5l-1-13.1Zm3.9 2.8v8.6h1.6v-8.6H9.2Zm2 0v8.6h1.6v-8.6h-1.6Zm2 0v8.6h1.6v-8.6h-1.6Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M9.2 2h5.6l.9 1.6H20v2.6H4V3.6h4.3L9.2 2ZM5.3 7.4h13.4l-1 13.1A1.7 1.7 0 0 1 16 22H8a1.7 1.7 0 0 1-1.7-1.5l-1-13.1Zm3.9 2.8v8.6h1.6v-8.6H9.2Zm2 0v8.6h1.6v-8.6h-1.6Zm2 0v8.6h1.6v-8.6h-1.6Z'/%3E%3C/svg%3E") center/contain no-repeat}
._invFooter_7bmw8_10 ._deleteAllBtn_7bmw8_49 svg{visibility:visible}
._invFooter_7bmw8_10 ._deleteAllBtn_7bmw8_49 svg path{display:none}
._invFooter_7bmw8_10 ._buyBtn_7bmw8_70{position:relative;width:auto;min-width:calc(var(--sf) * 136);height:calc(var(--sf) * 48);padding:0 calc(var(--sf) * 13) 0 calc(var(--sf) * 16);gap:0;justify-content:flex-start;flex:0 1 auto;border:0;border-radius:calc(var(--sf) * 14);background:var(--pd2-gold);color:#111214;box-shadow:none;overflow:visible;font-family:"Exo 2",Inter,sans-serif;white-space:nowrap}
._buyBtn_7bmw8_70 .pd-shop-total-coin{width:calc(var(--sf) * 18);height:calc(var(--sf) * 18);flex:0 0 auto}
._buyBtn_7bmw8_70 .pd-shop-total{margin-left:calc(var(--sf) * 8);font-family:Inter,sans-serif;font-size:calc(var(--sf) * 18);font-weight:800;line-height:1;letter-spacing:-.02em;color:#111214}
._buyBtn_7bmw8_70 .pd-shop-cart{position:static;display:flex;align-items:center;justify-content:center;margin-left:auto;padding-left:calc(var(--sf) * 17);flex:0 0 auto;color:#111214}
._buyBtn_7bmw8_70 .pd-shop-cart svg{width:calc(var(--sf) * 23);height:calc(var(--sf) * 23)}
._buyBtn_7bmw8_70 .pd-shop-count{position:absolute;top:calc(var(--sf) * -6);right:calc(var(--sf) * -5);box-sizing:border-box;min-width:calc(var(--sf) * 20);height:calc(var(--sf) * 20);padding:0 calc(var(--sf) * 3);display:flex;align-items:center;justify-content:center;border:calc(var(--sf) * 2) solid #17181c;border-radius:calc(var(--sf) * 10);background:var(--pd2-gold);color:#111214;font:800 calc(var(--sf) * 12)/1 Inter,sans-serif}
@media(max-width:767px){
 ._invFooter_7bmw8_10{--sf:.84px}
 ._invFooter_7bmw8_10:has(._footerRight_7bmw8_34){height:58px;min-height:58px}
 ._invFooter_7bmw8_10:has(._footerRight_7bmw8_34) ._pagination_7bmw8_22{left:10px}
 ._invFooter_7bmw8_10 ._footerRight_7bmw8_34{right:12px;max-width:calc(100% - 104px)}
}

/* ---------- shop: item in cart = gold card + stepper pill (photo 6) ---------- */
._grid_f57nd_2 ._root_18uko_2._inCart_18uko_7{border:0;cursor:default}
._grid_f57nd_2 ._inCart_18uko_7 > [data-skin-card]::before{
  background:linear-gradient(180deg,rgba(214,182,32,0) 0%,rgba(214,182,32,.12) 30%,rgba(200,170,28,.5) 62%,rgba(205,174,26,.72) 100%);
}
._grid_f57nd_2 ._inCart_18uko_7 > [data-skin-card]{--pd-rim:linear-gradient(#fbd710 0 0)}
._grid_f57nd_2 ._inCart_18uko_7 > [data-skin-card] ._block_19ntz_37{visibility:hidden}
._grid_f57nd_2 ._inCart_18uko_7 > [data-skin-card] ._cardImg_19ntz_80{inset:17% 7% 30% 7%}
._grid_f57nd_2 ._inCart_18uko_7 ._counter_18uko_17{
  left:8%;
  right:8%;
  bottom:7%;
  z-index:8;
  display:flex;
  width:auto;
}
._grid_f57nd_2 ._inCart_18uko_7 ._stepper_6rcug_2{
  width:auto;
  min-width:0;
  height:25cqw;
  padding:0 3cqw;
  gap:0;
  border-radius:999px;
  background:#ffdd23;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:0 2cqw 5cqw rgba(0 0 0/.25);
}
._grid_f57nd_2 ._inCart_18uko_7 ._btn_6rcug_15{
  width:19cqw;
  height:19cqw;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#17181c;
  box-shadow:none;
  color:#ffdd23;
}
._grid_f57nd_2 ._inCart_18uko_7 ._btn_6rcug_15 svg{width:12cqw;height:12cqw;color:#ffdd23}
._grid_f57nd_2 ._inCart_18uko_7 ._value_6rcug_43{
  --color-white-100:#17181c;
  color:#17181c;
  font-family:var(--pdp-font);
  font-size:15cqw;
  line-height:1;
  font-weight:700;
}
@media (hover:hover) and (pointer:fine){
  ._grid_f57nd_2 ._root_18uko_2._inCart_18uko_7:hover{transform:none}
}

/* missing item art: hide the third-party fallback (old white chevrons); the brand watermark stays */
[data-skin-card] img[src*="weapon-placeholder"]{visibility:hidden}

/* =====================================================================
   Shop cart (modal): graphite sheet with a gold seam, item rows on the card surface,
   graphite stepper, gold prices and the same gold ingot CTA as the header top-up.
   Replaces every bundle colour of the cart (#444046 rows, violet steppers, flat header).
   ===================================================================== */
._modal_gzq40_2{--ct-line:rgba(255,255,255,.06);--ct-gold:var(--pd2-gold)}
._modal_gzq40_2 > ._box_lj1yg_27{
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;
  background:radial-gradient(120% 60% at 50% -10%,rgb(var(--pd2-gold-rgb)/.06) 0%,rgb(var(--pd2-gold-rgb)/0) 60%),linear-gradient(180deg,#1d1e23 0%,#17181c 100%)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
._modal_gzq40_2 > ._box_lj1yg_27::before{
  content:"";position:absolute;left:22px;right:22px;top:0;height:1px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgb(var(--pd2-gold-rgb)/0),rgb(var(--pd2-gold-rgb)/.55) 30%,rgb(var(--pd2-gold-rgb)/.55) 70%,rgb(var(--pd2-gold-rgb)/0));
}
/* header: cart glyph + title, quiet close */
._modal_gzq40_2 ._header_lj1yg_50{background:transparent!important;padding:18px 18px 14px 22px!important;border-bottom:1px solid var(--ct-line)!important;box-shadow:none!important}
._modal_gzq40_2 ._title_lj1yg_59{display:flex;align-items:center;gap:10px}
._modal_gzq40_2 ._title_lj1yg_59::before{
  content:"";flex:0 0 auto;width:30px;height:30px;border-radius:9px;
  background:rgb(var(--pd2-gold-rgb)/.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8bd62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l2.1 10.4a1.6 1.6 0 0 0 1.6 1.3h7.9a1.6 1.6 0 0 0 1.6-1.2L20 8H6.1'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.4'/%3E%3Ccircle cx='17' cy='19.5' r='1.4'/%3E%3C/svg%3E") center/17px no-repeat;
  box-shadow:inset 0 0 0 1px rgb(var(--pd2-gold-rgb)/.22);
}
._modal_gzq40_2 ._title_lj1yg_59 span{font:800 15px/1 "Exo 2",Inter,sans-serif!important;letter-spacing:.12em!important;color:#f2f3f5!important}
._modal_gzq40_2 ._close_lj1yg_65{width:36px!important;height:36px!important;border-radius:10px!important;color:#8d8f97!important;background:transparent!important;transition:background-color .15s,color .15s}
._modal_gzq40_2 ._close_lj1yg_65:active{background:rgba(255,255,255,.08)!important;color:#fff!important}

/* body: count + clear-all, then the list */
._body_gzq40_6{padding:16px 22px 18px!important;gap:12px!important}
._info_gzq40_13 > span{color:#8e8f94!important;font-size:13px!important;line-height:16px!important;font-weight:500!important}
._deleteAll_gzq40_20{
  height:30px;padding:0 10px!important;gap:6px!important;border-radius:8px;color:#a7a9ae!important;
  transition:background-color .15s,color .15s!important;-webkit-tap-highlight-color:transparent;
}
._deleteAll_gzq40_20 span{color:inherit!important;font-size:12.5px!important;font-weight:500!important}
._deleteAll_gzq40_20 svg{width:15px;height:15px}
._deleteAll_gzq40_20:active{background:rgba(255,92,92,.12);color:#ff7b72!important}
._deleteAll_gzq40_20:focus-visible{outline:2px solid rgb(var(--pd2-gold-rgb)/.55);outline-offset:1px}

/* list: visible thin scrollbar in the sheet colours (the bundle hid it) */
._cards_gzq40_38{
  gap:8px!important;padding-right:4px;margin-right:-4px;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.16) transparent;
  overscroll-behavior:contain;
}
._cards_gzq40_38::-webkit-scrollbar{display:block!important;width:6px}
._cards_gzq40_38::-webkit-scrollbar-track{background:transparent}
._cards_gzq40_38::-webkit-scrollbar-thumb{border-radius:6px;background:rgba(255,255,255,.16)}
._cards_gzq40_38::-webkit-scrollbar-thumb:hover{background:rgb(var(--pd2-gold-rgb)/.45)}
/* empty list (cart cleared while the sheet is open) */
._cards_gzq40_38:empty{display:grid;place-items:center;min-height:150px;margin:0;padding:0;border-radius:12px;background:#1f2024;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
._cards_gzq40_38:empty::before{
  content:"";width:44px;height:44px;margin-top:22px;border-radius:12px;
  background:rgb(var(--pd2-gold-rgb)/.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8bd62' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l2.1 10.4a1.6 1.6 0 0 0 1.6 1.3h7.9a1.6 1.6 0 0 0 1.6-1.2L20 8H6.1'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.4'/%3E%3Ccircle cx='17' cy='19.5' r='1.4'/%3E%3C/svg%3E") center/22px no-repeat;
}
._cards_gzq40_38:empty::after{content:"Корзина пуста";margin-bottom:22px;color:#8e8f94;font:500 14px/18px Inter,sans-serif}
:lang(en) ._cards_gzq40_38:empty::after{content:"Your cart is empty"}

/* row */
._row_1nm77_2{
  gap:14px!important;padding:10px 14px 10px 10px!important;border-radius:12px;
  background:#1f2024!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;
  transition:box-shadow .15s ease;
}
._item_1nm77_14{gap:16px!important}
._image_1nm77_22{
  width:116px!important;height:76px!important;border-radius:10px;overflow:hidden;
  background:radial-gradient(60% 70% at 50% 58%,rgb(var(--pd2-gold-rgb)/.09) 0%,rgb(var(--pd2-gold-rgb)/0) 72%),#18191d;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
._image_1nm77_22 img{padding:6px 10px;box-sizing:border-box;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
/* no "ST" tag on the cart art (old bundle styling); the weapon line above the name already says StatTrak™ */
._row_1nm77_2 ._stBadge_1nm77_29{display:none!important}
._text_1nm77_46{gap:3px!important}
._text_1nm77_46 > p:first-child{color:#8e8f94!important;font-size:12px!important;line-height:15px!important;font-weight:500!important}
._skinName_1nm77_58{color:#fff!important;font-family:"Exo 2",Inter,sans-serif!important;font-size:16px!important;line-height:20px!important;font-weight:700!important}
._text_1nm77_46 > [class*="_root_19r0h"] span{color:#8e8f94!important;font-weight:500!important}
._amount_1nm77_65{gap:14px!important}
._amount_1nm77_65 > [class*="_root_19r0h"] span{color:var(--ct-gold)!important;font-family:"Exo 2",Inter,sans-serif;font-weight:700!important;font-variant-numeric:tabular-nums}

/* stepper: graphite pill, round graphite keys with gold glyphs */
._row_1nm77_2 ._stepper_6rcug_2{
  height:34px;min-width:96px;padding:0 3px;gap:4px;border-radius:10px;
  background:#141518;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;
}
._row_1nm77_2 ._btn_6rcug_15{
  display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;
  background:#26272c;box-shadow:none;color:var(--ct-gold);
  transition:background-color .15s,transform .1s;-webkit-tap-highlight-color:transparent;
}
._row_1nm77_2 ._btn_6rcug_15 svg{width:14px;height:14px;color:var(--ct-gold)}
._row_1nm77_2 ._btn_6rcug_15:active:not(:disabled){transform:scale(.92);background:#303136;filter:none}
._row_1nm77_2 ._btn_6rcug_15:disabled{opacity:.4;cursor:not-allowed}
._row_1nm77_2 ._btn_6rcug_15:focus-visible{outline:2px solid rgb(var(--pd2-gold-rgb)/.55);outline-offset:1px}
._row_1nm77_2 ._value_6rcug_43{min-width:18px;text-align:center;color:#fff!important;font-family:"Exo 2",Inter,sans-serif;font-size:15px!important;line-height:1!important}

/* footer: total + gold ingot CTA */
._modal_gzq40_2 ._footer_lj1yg_113{background:rgba(12,13,15,.35)!important;border-top:1px solid var(--ct-line)!important;box-shadow:none!important}
._footer_gzq40_52{padding:16px 22px 22px!important;gap:14px!important}
._totalRow_gzq40_59{align-items:center!important}
._totalRow_gzq40_59 > span:first-child{color:#c9cacd!important;font-size:15px!important;font-weight:600!important;letter-spacing:.02em}
._totalRow_gzq40_59 > [class*="_root_19r0h"]{gap:8px}
._totalRow_gzq40_59 > [class*="_root_19r0h"] span{color:var(--ct-gold)!important;font-family:"Exo 2",Inter,sans-serif;font-size:24px!important;line-height:28px!important;font-weight:800!important;font-variant-numeric:tabular-nums}
._totalRow_gzq40_59 > [class*="_root_19r0h"] img{width:24px!important;height:24px!important}
._buyBtn_gzq40_65._button_b5k30_1._wallet_b5k30_66{
  height:52px;padding:0 24px!important;border:0!important;border-radius:12px!important;
  background:var(--pd2-gold-fill)!important;color:#17150c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(120,90,0,.25),0 6px 18px rgb(var(--pd2-gold-rgb)/.16)!important;
  transition:filter .16s ease,box-shadow .2s ease,transform .1s ease!important;
}
._buyBtn_gzq40_65._button_b5k30_1._wallet_b5k30_66 span{color:#17150c!important;font-family:"Exo 2",Inter,sans-serif;font-size:18px!important;font-weight:800!important;letter-spacing:.03em}
._buyBtn_gzq40_65._button_b5k30_1._wallet_b5k30_66:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)}
._buyBtn_gzq40_65._button_b5k30_1._wallet_b5k30_66:disabled{cursor:progress;filter:saturate(.6) brightness(.78);box-shadow:none!important}
._buyBtn_gzq40_65._button_b5k30_1._wallet_b5k30_66:focus-visible{outline:2px solid rgb(var(--pd2-gold-rgb)/.6);outline-offset:3px}

/* not enough balance: the popover above the CTA */
._box_13x9j_8{gap:12px!important}
._box_13x9j_8 ._header_13x9j_16 span{color:#f2f3f5!important;font-weight:600!important}
._box_13x9j_8 ._alertIcon_13x9j_22{color:#ff6b5f!important}
[data-radix-popper-content-wrapper] > :has(> ._box_13x9j_8){
  padding:14px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;
  background:linear-gradient(180deg,#202126 0%,#1a1b1f 100%)!important;box-shadow:0 18px 44px rgba(0,0,0,.55)!important;
}
._topUpBtn_13x9j_27._button_b5k30_1{
  border:0!important;border-radius:10px!important;background:var(--pd2-gold-fill)!important;color:#17150c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important;
}
._topUpBtn_13x9j_27._button_b5k30_1 span{color:#17150c!important;font-weight:800!important}

@media (hover:hover) and (pointer:fine){
  ._modal_gzq40_2 ._close_lj1yg_65:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
  ._deleteAll_gzq40_20:hover{background:rgba(255,92,92,.1);color:#ff7b72!important}
  ._row_1nm77_2:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important}
  ._row_1nm77_2 ._btn_6rcug_15:hover:not(:disabled){background:#303136;filter:none}
  ._buyBtn_gzq40_65._button_b5k30_1._wallet_b5k30_66:hover:not(:disabled){
    filter:brightness(1.06) saturate(1.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(120,90,0,.25),0 8px 24px rgb(var(--pd2-gold-rgb)/.28)!important;
  }
  ._topUpBtn_13x9j_27._button_b5k30_1:hover{filter:brightness(1.06)}
}

/* phones: full-width sheet, compact rows (image left, name, price + stepper stacked right) */
@media (max-width:767px){
  ._modal_gzq40_2{width:calc(100vw - 16px)!important}
  ._modal_gzq40_2 > ._box_lj1yg_27{border-radius:16px!important}
  ._modal_gzq40_2 ._header_lj1yg_50{padding:14px 12px 12px 16px!important}
  ._modal_gzq40_2 ._title_lj1yg_59::before{width:26px;height:26px;border-radius:8px;background-size:15px}
  ._modal_gzq40_2 ._title_lj1yg_59 span{font-size:14px!important}
  ._body_gzq40_6{padding:12px 12px 14px!important;gap:10px!important}
  ._row_1nm77_2{gap:10px!important;padding:8px 10px 8px 8px!important;border-radius:11px}
  ._item_1nm77_14{gap:10px!important}
  ._image_1nm77_22{width:76px!important;height:52px!important;border-radius:8px}
  ._image_1nm77_22 img{padding:4px 6px}
  ._text_1nm77_46 > p:first-child{font-size:11px!important;line-height:13px!important}
  ._skinName_1nm77_58{font-size:13.5px!important;line-height:17px!important}
  ._amount_1nm77_65{gap:6px!important}
  ._amount_1nm77_65 > [class*="_root_19r0h"] span{font-size:14px!important}
  ._row_1nm77_2 ._stepper_6rcug_2{height:30px;min-width:84px;border-radius:9px}
  ._row_1nm77_2 ._btn_6rcug_15{width:24px;height:24px;border-radius:7px}
  ._row_1nm77_2 ._btn_6rcug_15 svg{width:12px;height:12px}
  ._row_1nm77_2 ._value_6rcug_43{font-size:13px!important}
  ._footer_gzq40_52{padding:12px 12px 14px!important;gap:12px!important}
  ._totalRow_gzq40_59 > [class*="_root_19r0h"] span{font-size:20px!important;line-height:24px!important}
  ._totalRow_gzq40_59 > [class*="_root_19r0h"] img{width:20px!important;height:20px!important}
  ._buyBtn_gzq40_65._button_b5k30_1._wallet_b5k30_66{height:48px}
  ._buyBtn_gzq40_65._button_b5k30_1._wallet_b5k30_66 span{font-size:16px!important}
}