@media (min-width: 1900px) {
  .s-side {
    left: calc((100vw - 1640px - var(--sb-w)) / 2);
  }

  .s-main {
    margin-left: calc((100vw - 1640px - var(--sb-w)) / 2 + var(--sb-w));
    max-width: 1640px;
  }

  .s-side::before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 50vw;
    background: var(--bg-2);
    border-right: 1px solid var(--line-soft);
    pointer-events: none;
  }
}

.cm-skel {
  display: inline-block;
  min-width: 62px;
  height: 1em;
  border-radius: 6px;
  background: linear-gradient(90deg,
    rgba(255, 255, 255, .05) 25%,
    rgba(255, 255, 255, .10) 37%,
    rgba(255, 255, 255, .05) 63%);
  background-size: 400% 100%;
  animation: cmShimmer 1.4s ease infinite;
  vertical-align: middle;
}

@keyframes cmShimmer {
  0%   { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

.cm-load {
  display: block;
  padding: 18px 20px 22px;
}

.cm-load-word {
  display: block;
  margin-bottom: 12px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--muted-2, #857da3);
}

.cm-skel-line {
  display: block;
  height: 12px;
  margin-bottom: 10px;
  border-radius: 6px;
  background: linear-gradient(90deg,
    rgba(255, 255, 255, .05) 25%,
    rgba(255, 255, 255, .10) 37%,
    rgba(255, 255, 255, .05) 63%);
  background-size: 400% 100%;
  animation: cmShimmer 1.4s ease infinite;
}

.cm-skel-line:nth-child(3) { width: 92%; }
.cm-skel-line:nth-child(4) { width: 76%; }
.cm-skel-line:nth-child(5) { width: 84%; }
.cm-skel-line:last-child { margin-bottom: 0; }

.a-chart > .cm-load,
.a-donut-wrap > .cm-load {
  min-height: 170px;
}

.an-chart-mount > .cm-load,
.s-chart > .cm-load {
  min-height: 180px;
}

.an-donut-wrap > .cm-load {
  flex: 1 1 100%;
  min-height: 150px;
}

.wl-grid > .cm-load,
.rf-steps > .cm-load,
.bo-grid > .cm-load {
  grid-column: 1 / -1;
}

.b-deal-cards > .cm-load,
.b-rec-track > .cm-load {
  flex: 1 1 100%;
  min-width: 0;
}

.an-note .cm-skel {
  min-width: 0;
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .cm-skel, .cm-skel-line { animation: none; }
}

.s-count:empty,
.pn-count:empty,
.s-dot:empty {
  display: none;
}

.s-content,
main.wrap {
  animation: cmFade .18s ease-out;
}

@keyframes cmFade {
  from { opacity: .4; }
  to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .s-content, main.wrap { animation: none; }
}

table.sp-tbl tbody tr td,
table.tbl tbody tr td {
  min-height: 44px;
}

.s-card,
.a-card,
.bp-card,
.info-card,
.o-stat,
.s-kpi,
.a-kpi,
.b-stat {
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.s-card:hover,
.a-card:hover,
.bp-card:hover,
.o-stat:hover,
.s-kpi:hover,
.a-kpi:hover,
.b-stat:hover {
  transform: translateY(-2px);
  border-color: rgba(139, 92, 246, .38);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .32);
}

a.info-card:hover,
a.vcard:hover,
a.gcard:hover,
a.prod-card:hover,
a.seller-card:hover,
a.ctile:hover {
  transform: translateY(-3px);
  border-color: rgba(168, 85, 247, .5);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .38);
}

a.vcard,
a.gcard,
a.prod-card,
a.seller-card,
a.ctile {
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.o-table tbody tr,
.sp-tbl tbody tr,
.res-table tbody tr,
.bo-row:not(.bo-thead) {
  transition: background .14s ease;
}

.o-table tbody tr:hover,
.sp-tbl tbody tr:hover,
.res-table tbody tr:hover,
.bo-row:not(.bo-thead):hover {
  background: rgba(139, 92, 246, .07);
}

.o-table tbody tr[data-id] {
  cursor: pointer;
}

.o-more,
.pn-tab,
.det-tab,
.s-qa,
.b-qa,
.m-copy,
.o-copy {
  transition: transform .13s ease, background .13s ease,
              border-color .13s ease, color .13s ease;
}

.o-more:hover,
.s-qa:hover,
.b-qa:hover {
  transform: translateY(-1px);
  background: rgba(139, 92, 246, .16);
}

.pn-tab:not(.is-on):hover,
.det-tab:not(.on):hover {
  background: rgba(139, 92, 246, .12);
  color: #fff;
}

.m-copy:hover,
.o-copy:hover {
  border-color: rgba(168, 85, 247, .55);
  color: #c4b5fd;
}

.s-nav-link,
.m-conv {
  transition: background .14s ease, transform .14s ease;
}

.s-nav-link:not(.is-on):hover {
  background: rgba(139, 92, 246, .1);
}

.m-conv:hover {
  background: rgba(139, 92, 246, .08);
}

.s-perf-line:hover b {
  color: #c4b5fd;
}

@media (prefers-reduced-motion: reduce) {
  .s-card, .a-card, .bp-card, .info-card, .o-stat, .s-kpi, .a-kpi, .b-stat,
  a.vcard, a.gcard, a.prod-card, a.seller-card, a.ctile,
  .o-more, .pn-tab, .det-tab, .s-qa, .b-qa, .m-copy, .o-copy,
  .s-nav-link, .m-conv {
    transition: background .12s ease, border-color .12s ease, color .12s ease;
  }

  .s-card:hover, .a-card:hover, .bp-card:hover, .o-stat:hover,
  .s-kpi:hover, .a-kpi:hover, .b-stat:hover,
  a.info-card:hover, a.vcard:hover, a.gcard:hover, a.prod-card:hover,
  a.seller-card:hover, a.ctile:hover,
  .o-more:hover, .s-qa:hover, .b-qa:hover {
    transform: none;
  }
}

.tier-badge{
  display:inline-flex;align-items:center;gap:4px;
  font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;
  white-space:nowrap;letter-spacing:.01em;
}
.tier-rising{background:rgba(148,163,184,.14);color:#cbd5e1;border:1px solid rgba(148,163,184,.32);}
.tier-trusted{background:rgba(59,130,246,.14);color:#93c5fd;border:1px solid rgba(59,130,246,.32);}
.tier-pro{background:rgba(139,92,246,.16);color:#c4b5fd;border:1px solid rgba(139,92,246,.35);}
.tier-elite{background:rgba(245,158,11,.16);color:#fcd34d;border:1px solid rgba(245,158,11,.35);}
.tier-legend{
  background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:1px solid transparent;
}

.wl-foot .wl-cart.is-primary{
  width:auto;
  height:32px;
  padding:0 14px;
  background:var(--grad-btn);
  border-color:transparent;
  color:#fff;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
}
.wl-foot .wl-cart.is-primary:hover{filter:brightness(1.08);}
.wl-foot .wl-cart.is-primary[disabled]{filter:grayscale(.4);}

.tl{--tl-fill:0px;}

.tl::after{
  content:'';
  position:absolute;
  left:6px;
  top:8px;
  width:2px;
  height:0;
  border-radius:2px;
  background:linear-gradient(180deg,#22c55e,#3b82f6);
}
.tl.is-lit::after{
  height:var(--tl-fill);
  transition:height .85s cubic-bezier(.4,0,.2,1);
}

.tl-spark{
  position:absolute;
  left:3px;
  top:8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#93c5fd;
  box-shadow:0 0 10px 3px rgba(59,130,246,.7);
  opacity:0;
  pointer-events:none;
}
.tl.is-lit .tl-spark{
  animation:tl-run .85s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes tl-run{
  0%   {opacity:0;   transform:translateY(0);}
  12%  {opacity:1;}
  85%  {opacity:1;}
  100% {opacity:0;   transform:translateY(var(--tl-fill));}
}

.tl-row.now::before{animation:tl-pulse 2.2s ease-in-out infinite;}
@keyframes tl-pulse{
  0%,100% {box-shadow:0 0 0 3px rgba(59,130,246,.22);}
  50%     {box-shadow:0 0 0 6px rgba(59,130,246,.08);}
}

@media (prefers-reduced-motion: reduce){
  .tl.is-lit::after{transition:none;}
  .tl.is-lit .tl-spark{display:none;}
  .tl-row.now::before{animation:none;}
}

.tool-row .t-ico{
  transition:background .18s ease, border-color .18s ease,
             color .18s ease, box-shadow .18s ease;
}
.tool-row:hover .t-ico{
  background:rgba(139,92,246,.16);
  border-color:rgba(139,92,246,.45);
  color:#c4b5fd;
  box-shadow:0 0 14px rgba(139,92,246,.28);
}
.tool-row:hover > svg{color:#c4b5fd;}

.tool-row.danger:hover .t-ico{
  background:rgba(239,68,68,.18);
  border-color:rgba(239,68,68,.5);
  color:#fca5a5;
  box-shadow:0 0 14px rgba(239,68,68,.25);
}
.tool-row.danger:hover > svg{color:#fca5a5;}

.grid-6 > .cm-load,
.grid-7 > .cm-load,
.pop-grid > .cm-load,
.offer-grid > .cm-load,
.cat-tiles > .cm-load,
.info-grid > .cm-load,
.prod-grid > .cm-load,
.brand-grid > .cm-load,
.game-grid > .cm-load,
.rq-grid > .cm-load,
.also-grid > .cm-load,
.qty-grid > .cm-load,
.stage .cards > .cm-load,
.rail-track > .cm-load {
  grid-column: 1 / -1;
  flex: 1 1 100%;
  min-width: 0;
}

.footer-brands .cm-load {
  padding: 2px 0 0;
  list-style: none;
}
.footer-brands .cm-load-word {
  margin-bottom: 10px;
  font-size: 11.5px;
}
.footer-brands .cm-skel-line {
  height: 10px;
  margin-bottom: 11px;
}

.footer-brand-list > .cm-load{min-height:170px;}
.carousel-track > .cm-load{min-height:228px;}
.stage .cards > .cm-load{min-height:177px;}
.rail-track.ctrack > .cm-load{min-height:183px;}
.rail-track.games-track > .cm-load{min-height:210px;}
.rail-track.brand-track > .cm-load{height:99px;overflow:hidden;}
.prod-grid > .cm-load{min-height:404px;}
.panel-rows > .cm-load{min-height:0;height:72px;overflow:hidden;}
.res-card:has(.res-table tbody tr) > .cm-load{min-height:0;height:0;padding:0;overflow:hidden;}
.grid-7 > .cm-load{min-height:465px;}
.cat-tiles > .cm-load{min-height:275px;}
.info-grid > .cm-load{min-height:199px;}
.info-grid.is-4 > .cm-load{min-height:561px;}
.grid-6 > .cm-load{min-height:367px;}
.grid-6[data-cm-role="products"] > .cm-load{min-height:0;height:93px;overflow:hidden;}
.grid-6.is-5 > .cm-load{min-height:600px;}
.brand-grid > .cm-load{min-height:0;height:78px;overflow:hidden;}
.game-grid > .cm-load{min-height:0;height:84px;overflow:hidden;}

.qty-grid > .cm-load{min-height:321px;}
.htu > .cm-load{min-height:200px;}
.p-pane > .cm-load{min-height:170px;}
.rq-grid > .cm-load{min-height:85px;}
.also-grid > .cm-load{min-height:132px;}

@media (max-width:680px){
  .rail-track.games-track > .cm-load{min-height:219px;}
  .qty-grid > .cm-load{min-height:461px;}
  .htu > .cm-load{min-height:600px;}
  .p-pane > .cm-load{min-height:342px;}
  .rq-grid > .cm-load{min-height:43px;}
  .also-grid > .cm-load{min-height:276px;}
  .prod-grid > .cm-load{min-height:600px;}
  .grid-7 > .cm-load{min-height:600px;}
  .cat-tiles > .cm-load{min-height:419px;}
  .info-grid > .cm-load{min-height:385px;}
  .info-grid.is-4 > .cm-load{min-height:600px;}
  .grid-6 > .cm-load{min-height:557px;}
  .grid-6.is-5 > .cm-load{min-height:600px;}
  .brand-grid > .cm-load{height:163px;}
  .game-grid > .cm-load{height:176px;}
  .hero-search{min-height:84px;}
  .hero .popular{min-height:50px;}
}

html:not(.tg-off) .hero-copy:not(:has(.js-tg-strip)) .hero-badges{margin-bottom:112px;}
html:not(.tg-off) .store-btns:not(:has(.js-tg-app)){min-height:150px;}

@media (max-width:680px){
  html:not(.tg-off) .hero-copy:not(:has(.js-tg-strip)) .hero-badges{margin-bottom:130px;}
}

.prod-grid,.brand-grid,.game-grid,.cat-tiles,.info-grid,.grid-6,.grid-7,
.rail-track,.carousel-track,.panel-rows,.also-grid,.qty-grid,.htu,.rq-grid,
.p-pane,.stage .cards,.footer-brand-list,.res-card,.popular{
  transition:opacity .28s ease;
}

.prod-grid:has(> .cm-load),.brand-grid:has(> .cm-load),.game-grid:has(> .cm-load),
.cat-tiles:has(> .cm-load),.info-grid:has(> .cm-load),.grid-6:has(> .cm-load),
.grid-7:has(> .cm-load),.rail-track:has(> .cm-load),.carousel-track:has(> .cm-load),
.panel-rows:has(> .cm-load),.also-grid:has(> .cm-load),.qty-grid:has(> .cm-load),
.htu:has(> .cm-load),.rq-grid:has(> .cm-load),.p-pane:has(> .cm-load),
.stage .cards:has(> .cm-load),.footer-brand-list:has(> .cm-load),
.res-card:has(> .cm-load):not(:has(.res-table tbody tr)),.popular:has(> .cm-skel){
  opacity:.55;
}

@media (prefers-reduced-motion:reduce){
  .prod-grid,.brand-grid,.game-grid,.cat-tiles,.info-grid,.grid-6,.grid-7,
  .rail-track,.carousel-track,.panel-rows,.also-grid,.qty-grid,.htu,.rq-grid,
  .p-pane,.stage .cards,.footer-brand-list,.res-card,.popular{
    transition:none;
  }
}