/* Shared mobile product tiles. Desktop layout and purchasing behaviour stay intact. */
.ct-card__mobile-title, .lcard__rating--new { display:none; }
.ct-card__reputation { display:contents; }

@media (max-width:760px) {
 html[data-brand-palette] body .lots-grid,
 html[data-brand-palette] body .catalog-page .ct-grid,
 html[data-brand-palette] body.catalog-page .ct-grid,
 html[data-brand-palette] body .sp .p-section .lots-grid,
 html[data-brand-palette] body.home-page main .lots-grid.hx-lots,
 html[data-brand-palette] body #product-root .pdp-more .lots-grid {
  --cols:2; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px;
 }
 html[data-brand-palette] body :is(.lcard,.ct-card) {
  min-width:0; padding:0; border:1px solid #b69bd930; border-radius:18px;
  background:linear-gradient(155deg,#2b2039 0%,#1c1726 60%,#20182e 100%);
  box-shadow:0 5px 18px #0806111f; overflow:hidden; transform:none;
 }
 html[data-brand-palette] body :is(.lcard,.ct-card):hover { transform:none; background-color:#21192e; }
 html[data-brand-palette] body .ct-card:not([hidden]) { display:flex; flex-direction:column; gap:0; }
 html[data-brand-palette] body :is(.ct-card.is-premium,.lcard--choice,.ct-card.is-choice) { border-color:#cfa75c8c; }
 html[data-brand-palette] body .ct-card.is-premium { grid-column:1 / -1; border-width:1px; }
 html[data-brand-palette] body :is(.lcard__media,.ct-card__media),
 html[data-brand-palette] body .ct-card.is-premium .ct-card__media {
  position:relative; order:0; width:100%; height:auto; min-height:0;
  aspect-ratio:4/3; border-radius:0; background:radial-gradient(ellipse at 50% 40%,#342448,#13101b);
  border-bottom:1px solid #c8a8ff18; isolation:isolate; flex-shrink:0;
 }
 html[data-brand-palette] body .ct-card.is-premium .ct-card__media { aspect-ratio:16/9; }
 html[data-brand-palette] body :is(.lcard__img,.ct-card__media > img) { width:100%; height:100%; object-fit:contain; transform:none; }
 html[data-brand-palette] body :is(.lcard__ph,.ct-card__ph) { width:100%; height:100%; }
 html[data-brand-palette] body .ct-card__ph:not(.ct-card__ph--art) img { width:64px; height:64px; }
 html[data-brand-palette] body :is(.lcard__fav,.ct-card .lcard__fav),
 html[data-brand-palette] body .ct-card.is-premium .lcard__fav {
  position:absolute; top:6px; right:6px; left:auto; width:44px; height:44px; min-width:44px; min-height:44px;
  padding:10px; border:1px solid #ffffff29; border-radius:14px; background:#15101edb;
  color:#f5f0ff; opacity:1; transform:none; z-index:3; box-shadow:0 2px 8px #0003;
 }
 html[data-brand-palette] body .lcard__fav svg { width:20px; height:20px; }
 html[data-brand-palette] body .lcard__game { left:8px; top:auto; bottom:8px; max-width:calc(100% - 16px); padding:4px 7px; font-size:10px; line-height:1.3; background:#15101edb; }
 html[data-brand-palette] body :is(.ct-card__badges,.lcard__badges) {
  top:8px; left:8px; right:54px; bottom:auto; display:flex; flex-direction:column; align-items:flex-start; gap:5px; overflow:hidden;
 }
 html[data-brand-palette] body :is(.ct-card__badges,.lcard__badges) > * { max-width:100%; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:4px 6px; font-size:10px; line-height:1.25; border-radius:7px; }
 html[data-brand-palette] body :is(.lot-sale-badge,.ct-badge--demo,.lcard__badge--demo) { display:inline-flex !important; }
 html[data-brand-palette] body .ct-card__pics { display:inline-flex; right:8px; bottom:8px; padding:4px 6px; font-size:10px; }
 html[data-brand-palette] body .lcard__body { padding:11px; gap:7px; min-width:0; }
 html[data-brand-palette] body .lcard__cat { font:600 11px/1.35 var(--font-body); color:#c6b3df; text-transform:none; letter-spacing:0; }
 html[data-brand-palette] body :is(.lcard__title,.ct-card__title),
 html[data-brand-palette] body .ct-card.is-stats .ct-card__title,
 html[data-brand-palette] body .ct-card.is-premium .ct-card__title {
  font:700 14px/1.4 var(--font-body); letter-spacing:0; color:#f6f2ff; margin:0;
  min-height:2.8em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; overflow-wrap:anywhere;
 }
 html[data-brand-palette] body .ct-card__top { order:1; padding:11px 11px 0; gap:6px; }
 html[data-brand-palette] body .ct-card__fast { position:absolute; right:10px; top:58px; width:22px; height:22px; z-index:2; }
 html[data-brand-palette] body .ct-card__fast svg { width:13px; height:13px; }
 html[data-brand-palette] body .ct-card__mobile-title { display:inline; }
 html[data-brand-palette] body .ct-card__link:has(.ct-card__mobile-title) .ct-card__desktop-title { display:none; }
 html[data-brand-palette] body .ct-card__desc { display:none; }
 html[data-brand-palette] body :is(.ct-card__body,.ct-card__cols,.ct-card__main,.ct-card__side) { display:contents; }
 html[data-brand-palette] body .ct-card__foot { order:2; display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0; padding:9px 11px; border:0; }
 html[data-brand-palette] body .ct-card.is-premium .ct-card__foot { flex-direction:row; align-items:center; }
 html[data-brand-palette] body .ct-card__buy { display:none; }
 html[data-brand-palette] body .ct-card__attrs, html[data-brand-palette] body .ct-card__stats { order:3; display:flex; flex-wrap:wrap; gap:5px; padding:0 11px 10px; margin:0; }
 html[data-brand-palette] body .ct-card__attrs li { font-size:10px; line-height:1.4; padding:4px 6px; border:1px solid #ffffff0d; border-radius:6px; background:#ffffff05; max-width:100%; }
 html[data-brand-palette] body .ct-card__attrs li:nth-child(n+3), html[data-brand-palette] body .ct-card__stats li:nth-child(n+3) { display:none; }
 html[data-brand-palette] body .ct-card__stats .stat-chip { font-size:10px; padding:4px 6px; }
 html[data-brand-palette] body .ct-card__attrs span { display:none; }
 html[data-brand-palette] body .ct-card__attrs b { font-weight:500; color:#cbbfdb; }
 html[data-brand-palette] body .lcard__foot { display:flex; flex-direction:column; align-items:stretch; gap:10px; padding:0; margin-top:auto; border:0; }
 html[data-brand-palette] body :is(.lcard__price,.ct-card__price),
 html[data-brand-palette] body .ct-card.is-premium .ct-card__price,
 html[data-brand-palette] body .sp-main .lcard__price {
  order:-1; align-items:flex-start; font:800 20px/1.2 var(--font-body); letter-spacing:-.035em;
  color:#e0ff68; max-width:100%; white-space:normal; overflow-wrap:anywhere; font-variant-numeric:tabular-nums;
 }
 html[data-brand-palette] body :is(.lcard__price,.ct-card__price) .lot-price__current { color:inherit; white-space:normal; overflow-wrap:anywhere; max-width:100%; }
 html[data-brand-palette] body :is(.lcard__price,.ct-card__price) .lot-price__before { justify-content:flex-start; font:500 11px/1.3 var(--font-body); color:#ac9fbf; gap:5px; flex-wrap:wrap; }
 html[data-brand-palette] body :is(.lcard__price,.ct-card__price) .lot-price__pct { font-size:10px; padding:2px 4px; border-radius:5px; }
 html[data-brand-palette] body :is(.lcard__seller,.ct-card__seller) {
  display:grid; grid-template-columns:26px minmax(0,1fr) 8px; grid-template-rows:auto auto;
  gap:2px 7px; min-width:0; width:auto; font-size:12px; margin:0; padding:10px 0 0;
  border-top:1px solid #c3a5ed1f; align-items:center;
 }
 html[data-brand-palette] body .ct-card__seller, html[data-brand-palette] body .ct-card.is-premium .ct-card__seller { order:4; margin:auto 11px 0; padding:10px 0 12px; }
 html[data-brand-palette] body :is(.lcard__ava,.ct-card__ava) { grid-column:1; grid-row:1 / 3; width:26px; height:26px; border-radius:9px; object-fit:cover; box-shadow:0 0 0 1px #c6b2e029; }
 html[data-brand-palette] body :is(.lcard__name,.ct-card__nick) { grid-column:2; grid-row:1; display:block; width:100%; max-width:none; min-width:0; font-size:12px; font-weight:700; line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 html[data-brand-palette] body :is(.lcard__seller,.ct-card__seller) > .presence__dot { grid-column:3; grid-row:1; width:6px; height:6px; margin:0; }
 html[data-brand-palette] body .lcard__rating { grid-column:2 / 4; grid-row:2; display:block; font:600 11px/1.4 var(--font-body); color:#dfed9c; }
 html[data-brand-palette] body .lcard__rating--new { color:#b9abc9; font-weight:500; }
 html[data-brand-palette] body .ct-card__reputation { grid-column:2 / 4; grid-row:2; display:flex; align-items:center; gap:4px; min-width:0; font-size:11px; line-height:1.4; color:#dfed9c; }
 html[data-brand-palette] body .ct-card__rate svg { width:11px; height:11px; fill:currentColor; }
 html[data-brand-palette] body .ct-card__rate { color:inherit; }
 html[data-brand-palette] body .ct-card__rev { font-size:10px; line-height:1.4; color:#b9abc9; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 html[data-brand-palette] body .ct-card__reputation:has(.ct-card__rnum) .ct-card__rev::before { content:'· '; }
 html[data-brand-palette] body .ct-card__rev:only-child { font-size:11px; }
 html[data-brand-palette] body .lcard--sold .lcard__price { color:#c5b9d3; }
}
@media(max-width:359px) {
 html[data-brand-palette] body .lots-grid, html[data-brand-palette] body .catalog-page .ct-grid, html[data-brand-palette] body.catalog-page .ct-grid,
 html[data-brand-palette] body .sp .p-section .lots-grid, html[data-brand-palette] body.home-page main .lots-grid.hx-lots,
 html[data-brand-palette] body #product-root .pdp-more .lots-grid { --cols:1; grid-template-columns:minmax(0,1fr) !important; }
 html[data-brand-palette] body :is(.lcard__media,.ct-card__media) { aspect-ratio:16/9; }
 html[data-brand-palette] body :is(.lcard__title,.ct-card__title) { min-height:0; font-size:15px; }
 html[data-brand-palette] body :is(.lcard__name,.ct-card__nick) { font-size:13px; }
}

@media(max-width:760px) {
 html[data-brand-palette] body #product-root .lcard__body { padding:11px; gap:7px; }
 html[data-brand-palette] body #product-root .lcard__foot { padding:0; gap:10px; }
 html[data-brand-palette] body #product-root .lcard__seller { gap:2px 7px; font-size:12px; }
 html[data-brand-palette] body #product-root .lcard__ava { width:26px; height:26px; }
 html[data-brand-palette] body #product-root .lcard__price { font-size:20px; }
 html[data-brand-palette] body #product-root .lcard__rating { font-size:11px; }
 html[data-brand-palette] body #product-root .lcard__game { top:auto; bottom:8px; max-width:calc(100% - 16px); }
}

@media(max-width:760px) {
 html[data-brand-palette] body :is(.ct-grid > .ct-card,.lots-grid > .lcard):only-child { grid-column:1 / -1; }
 html[data-brand-palette] body :is(.ct-card,.lcard):only-child :is(.ct-card__media,.lcard__media) { aspect-ratio:16/9; }
 html[data-brand-palette] body .ct-card__rev { font-size:11px; }
}