/* Silver Homepage v0.6.0 — scoped to .slv-home--marketplace only. */
/* -------------------------------------------------------------------------
   Homepage v0.3.0 — transferred marketplace design from silver-store source
   Scope: homepage only. Cart templates/classes are intentionally untouched.
------------------------------------------------------------------------- */
.slv-home--marketplace{
  --slv-home-border:#e7e9f2;
  --slv-home-muted:#6b7280;
  background:#f5f6fb;
  padding:24px 24px 64px;
  color:#14141c;
}
.slv-home--marketplace *{box-sizing:border-box}
.slv-home--marketplace .slv-empty{border:1px dashed rgba(20,20,28,.16);border-radius:12px;background:#fff;padding:28px;text-align:center;color:#6b7280;font-size:14px}.slv-home--marketplace .slv-empty .slv-ico{width:32px;height:32px;color:var(--slv-pink)}
.slv-home--marketplace .slv-hero,.slv-home--marketplace .slv-sec{max-width:1392px;margin-right:auto;margin-left:auto}.slv-home--marketplace .slv-sec{margin-top:40px}.slv-home--marketplace .slv-sec--cats{margin-top:32px}.slv-home--marketplace .slv-sechead{margin-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.slv-home--marketplace .slv-sechead--compact{margin-bottom:14px}.slv-home--marketplace .slv-sectitle{font-family:var(--slv-display);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.1;color:#14141c}@media(min-width:640px){.slv-home--marketplace .slv-sectitle{font-size:30px}}.slv-home--marketplace .slv-secsub{font-size:14px;color:#6b7280;margin:4px 0 0}.slv-home--marketplace .slv-seclink{display:none;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--slv-pink);text-decoration:none;white-space:nowrap}.slv-home--marketplace .slv-seclink:hover{color:var(--slv-violet)}.slv-home--marketplace .slv-seclink .slv-ico{width:16px;height:16px}@media(min-width:640px){.slv-home--marketplace .slv-seclink{display:flex}}

/* Hero carousel */
.slv-home--marketplace .slv-hero{position:relative;overflow:hidden;padding-top:4px}.slv-home--marketplace .slv-hero__viewport{overflow:hidden;margin:0 -8px}.slv-home--marketplace .slv-hero__track{display:flex;transition:transform .5s ease-out;will-change:transform}.slv-home--marketplace .slv-slide{width:86%;flex:0 0 86%;padding:0 8px;transition:opacity .5s;opacity:.55}.slv-home--marketplace .slv-slide.is-active{opacity:1}.slv-home--marketplace .slv-slide__inner{position:relative;height:260px;overflow:hidden;border-radius:14px;background:var(--slv-grad);box-shadow:0 12px 32px rgba(15,16,30,.18);isolation:isolate}@media(min-width:640px){.slv-home--marketplace .slv-slide__inner{height:340px}}@media(min-width:768px){.slv-home--marketplace .slv-slide__inner{height:420px}}.slv-home--marketplace .slv-slide__img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.slv-home--marketplace .slv-slide__fallback{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.55)}.slv-home--marketplace .slv-slide__fallback .slv-ico{width:80px;height:80px}.slv-home--marketplace .slv-slide__tint{position:absolute;inset:0;background:linear-gradient(-180deg,rgba(15,16,30,0) 45%,rgba(15,16,30,.65) 100%),radial-gradient(circle at 80% 20%,rgba(var(--accent,255,77,147),.28),transparent 55%)}.slv-home--marketplace .slv-slide__badge{position:absolute;right:16px;top:16px;display:inline-flex;align-items:center;gap:6px;border-radius:9999px;background:rgb(var(--accent,255,77,147));padding:5px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;box-shadow:0 4px 12px rgba(15,16,30,.25)}.slv-home--marketplace .slv-slide__badge .slv-ico{width:12px;height:12px}.slv-home--marketplace .slv-slide__meta{position:absolute;right:20px;left:20px;bottom:20px;color:#fff}.slv-home--marketplace .slv-slide__game{font-family:var(--slv-display);font-size:26px;font-weight:800;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4)}@media(min-width:640px){.slv-home--marketplace .slv-slide__game{font-size:34px}}.slv-home--marketplace .slv-slide__variant{font-size:14px;color:rgba(255,255,255,.85);margin:4px 0 0}.slv-home--marketplace .slv-slide__btn{display:inline-flex;margin-top:14px;height:40px;align-items:center;border-radius:10px;background:#fff;color:#14141c;padding:0 18px;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.2)}.slv-home--marketplace .slv-slide__btn:hover{color:var(--slv-pink)}.slv-home--marketplace .slv-hero__arrow{position:absolute;top:42%;transform:translateY(-50%);display:none;place-items:center;height:40px;width:40px;border-radius:9999px;border:1px solid rgba(20,20,28,.16);background:rgba(255,255,255,.95);color:#14141c;box-shadow:0 4px 16px rgba(15,16,30,.12);cursor:pointer}.slv-home--marketplace .slv-hero__arrow:hover{background:#fff}@media(min-width:640px){.slv-home--marketplace .slv-hero__arrow{display:grid}}.slv-home--marketplace .slv-hero__arrow--prev{right:8px}.slv-home--marketplace .slv-hero__arrow--next{left:8px}.slv-home--marketplace .slv-hero__arrow .slv-ico{width:20px;height:20px}.slv-home--marketplace .slv-hero__dots{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:6px}.slv-home--marketplace .slv-dot{height:6px;width:6px;border:0;border-radius:9999px;background:rgba(20,20,28,.16);cursor:pointer;transition:.2s;padding:0}.slv-home--marketplace .slv-dot.is-active{width:24px;background:var(--slv-grad)}.slv-home--marketplace .slv-hero__empty{min-height:320px;display:grid;place-items:center}

/* Categories */
.slv-home--marketplace .slv-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
/* Below ~360px four square tiles leave under 70px each, which no category
   name fits into at a readable size. Three tiles is the honest answer there:
   fewer per row, but every name legible. */
@media(max-width:359px){.slv-cats,.slv-home--marketplace .slv-cats{grid-template-columns:repeat(3,1fr)!important;gap:10px}}@media(min-width:640px){.slv-home--marketplace .slv-cats{gap:16px}}@media(min-width:1000px){.slv-home--marketplace .slv-cats{grid-template-columns:repeat(8,1fr)}}.slv-home--marketplace .slv-cat{position:relative;display:block;overflow:hidden;border-radius:14px;border:1px solid #e7e9f2;box-shadow:none;transition:.2s;aspect-ratio:1/1;background:#f1f2f8;text-decoration:none}.slv-home--marketplace .slv-cat img{display:block;aspect-ratio:1/1;height:100%;width:100%;object-fit:cover;transition:transform .5s}.slv-home--marketplace .slv-cat:hover{transform:translateY(-4px);border-color:rgba(255,77,147,.55)}.slv-home--marketplace .slv-cat:hover img{transform:scale(1.05)}.slv-home--marketplace .slv-cat__label{position:absolute;right:0;left:0;bottom:0;padding:9px 6px 10px;font-size:11px;font-weight:700;color:#14141c;text-align:center;background:#fff;border-top:1px solid #e9ebf1;white-space:nowrap;overflow:hidden;text-overflow:clip}.slv-cat::after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;z-index:3;border:0 solid transparent;border-bottom-width:3px;background:linear-gradient(-90deg,#ff4d93,#f97316) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.slv-home--marketplace .slv-cat--noimg{background:var(--slv-grad);display:grid;place-items:center}.slv-home--marketplace .slv-cat__initial{font-family:var(--slv-display);font-size:34px;font-weight:800;color:#fff}

/* Product cards */
.slv-home--marketplace .slv-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid #e7e9f2;background:#fff;padding:8px;box-shadow:0 1px 2px rgba(15,16,30,.04);transition:.2s}.slv-home--marketplace .slv-card:hover{transform:translateY(-4px);border-color:rgba(255,77,147,.45);box-shadow:0 14px 34px rgba(15,16,30,.14),0 0 24px rgba(255,77,147,.18)}.slv-home--marketplace .slv-card__media{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:#f1f2f8}.slv-home--marketplace .slv-card__imglink{display:block;height:100%;width:100%;text-decoration:none}.slv-home--marketplace .slv-card__media img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.slv-home--marketplace .slv-card:hover .slv-card__media img{transform:scale(1.05)}.slv-home--marketplace .slv-card__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--slv-pink)}.slv-home--marketplace .slv-card__placeholder .slv-ico{width:42px;height:42px}.slv-home--marketplace .slv-card__disc{position:absolute;right:8px;top:8px;border-radius:6px;background:var(--slv-pink);padding:2px 8px;font-size:11px;font-weight:700;color:#fff;box-shadow:0 4px 12px rgba(255,77,147,.45);z-index:2}.slv-home--marketplace .slv-card__instant{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:4px;border-radius:6px;background:rgba(0,0,0,.65);padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff;backdrop-filter:blur(4px);z-index:2}.slv-home--marketplace .slv-card__instant .slv-ico{width:12px;height:12px;color:var(--slv-pink)}.slv-home--marketplace .slv-card__fade{position:absolute;right:0;left:0;bottom:0;height:80px;opacity:0;transform:translateY(8px);transition:.3s;background:linear-gradient(to top,rgba(0,0,0,.35),transparent);pointer-events:none}.slv-home--marketplace .slv-card:hover .slv-card__fade{opacity:1;transform:translateY(0)}.slv-home--marketplace .slv-card__cta{position:absolute;right:8px;left:8px;bottom:8px;display:inline-flex;height:36px;align-items:center;justify-content:center;gap:6px;opacity:0;transform:translateY(8px);transition:.3s;border-radius:8px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.72);font-size:14px;font-weight:700;color:#14141c;box-shadow:0 4px 12px rgba(15,16,30,.15);backdrop-filter:blur(8px);cursor:pointer;text-decoration:none;z-index:2}.slv-home--marketplace .slv-card:hover .slv-card__cta{opacity:1;transform:translateY(0)}.slv-home--marketplace .slv-card__cta:hover{background:rgba(255,255,255,.96);color:var(--slv-pink)}.slv-home--marketplace .slv-card__plus{color:var(--slv-pink)}.slv-home--marketplace .slv-card__body{display:flex;flex-direction:column;gap:4px;padding:12px 4px 4px}.slv-home--marketplace .slv-card__title{font-family:var(--slv-display);font-size:15px;font-weight:700;line-height:1.2;margin:0}.slv-home--marketplace .slv-card__title a{color:#14141c;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slv-home--marketplace .slv-card__title a:hover{color:var(--slv-pink)}.slv-home--marketplace .slv-card__price{margin-top:4px;font-family:var(--slv-display);font-size:16px;font-weight:800;color:#14141c}.slv-home--marketplace .slv-card__price del{color:#6b7280;font-weight:500;font-size:12px;margin-right:4px;text-decoration:line-through}.slv-home--marketplace .slv-card__price ins{text-decoration:none;color:#14141c}.slv-home--marketplace .slv-card__price .woocommerce-Price-amount{font-weight:800}

/* Rails and grids */
.slv-home--marketplace .slv-rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.slv-home--marketplace .slv-rail::-webkit-scrollbar{height:6px}.slv-home--marketplace .slv-rail::-webkit-scrollbar-thumb{background:var(--slv-pink);border-radius:3px}@media(min-width:640px){.slv-home--marketplace .slv-rail{gap:16px}}.slv-home--marketplace .slv-card--rail{width:170px;flex:0 0 170px}@media(min-width:640px){.slv-home--marketplace .slv-card--rail{width:200px;flex:0 0 200px}}.slv-home--marketplace .slv-grid{display:grid;gap:12px}@media(min-width:640px){.slv-home--marketplace .slv-grid{gap:16px}}.slv-home--marketplace .slv-grid--deals{grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.slv-home--marketplace .slv-grid--deals{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.slv-home--marketplace .slv-grid--deals{grid-template-columns:repeat(5,1fr)}}.slv-home--marketplace .slv-grid--gift{grid-template-columns:repeat(2,1fr)}@media(min-width:1024px){.slv-home--marketplace .slv-grid--gift{grid-template-columns:repeat(4,1fr)}}.slv-home--marketplace .slv-grid--hw{grid-template-columns:1fr}@media(min-width:640px){.slv-home--marketplace .slv-grid--hw{grid-template-columns:repeat(3,1fr)}}

/* Hardware cards */
.slv-home--marketplace .slv-hw{display:flex;overflow:hidden;border-radius:8px;border:1px solid #e7e9f2;background:#fff;box-shadow:0 1px 2px rgba(15,16,30,.04);transition:.2s}.slv-home--marketplace .slv-hw:hover{transform:translateY(-4px);border-color:var(--slv-violet);box-shadow:0 14px 34px rgba(15,16,30,.12),0 0 24px rgba(111,99,255,.22)}.slv-home--marketplace .slv-hw__media{position:relative;aspect-ratio:1/1;width:120px;flex-shrink:0;display:block;background:#f1f2f8;text-decoration:none}@media(min-width:640px){.slv-home--marketplace .slv-hw__media{width:150px}}.slv-home--marketplace .slv-hw__media img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.slv-home--marketplace .slv-hw:hover .slv-hw__media img{transform:scale(1.05)}.slv-home--marketplace .slv-hw__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--slv-violet)}.slv-home--marketplace .slv-hw__placeholder .slv-ico{width:34px;height:34px}.slv-home--marketplace .slv-hw__body{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:space-between;gap:10px;padding:14px}.slv-home--marketplace .slv-hw__title{font-family:var(--slv-display);font-size:15px;font-weight:700;margin:0}.slv-home--marketplace .slv-hw__title a{color:#14141c;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slv-home--marketplace .slv-hw__title a:hover{color:var(--slv-violet)}.slv-home--marketplace .slv-hw__price{margin-top:2px;font-family:var(--slv-display);font-size:16px;font-weight:800}.slv-home--marketplace .slv-hw__price del{color:#6b7280;font-weight:500;font-size:12px;margin-right:4px}.slv-home--marketplace .slv-hw__price ins{text-decoration:none}.slv-home--marketplace .slv-hw__foot{display:flex;align-items:center;justify-content:flex-start}.slv-home--marketplace .slv-hw__add{border:0;border-radius:8px;background:var(--slv-grad);padding:8px 14px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}.slv-home--marketplace .slv-hw__add:hover{filter:brightness(1.08);color:#fff}

/* Trust strip */
.slv-home--marketplace .slv-trust{border-radius:10px;border:1px solid #e7e9f2;background:#fff;padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(min-width:640px){.slv-home--marketplace .slv-trust{padding:28px;grid-template-columns:repeat(4,1fr)}}.slv-home--marketplace .slv-trust__item{display:flex;align-items:flex-start;gap:12px}.slv-home--marketplace .slv-trust__ico{display:grid;place-items:center;height:40px;width:40px;flex-shrink:0;border-radius:8px;background:#f1f2f8;color:var(--slv-pink)}.slv-home--marketplace .slv-trust__ico .slv-ico{width:20px;height:20px}.slv-home--marketplace .slv-trust__label{font-size:14px;font-weight:600;margin:0}.slv-home--marketplace .slv-trust__desc{font-size:12px;color:#6b7280;margin:2px 0 0}

@media(max-width:520px){.slv-home--marketplace{padding-right:12px;padding-left:12px}.slv-home--marketplace .slv-cats{grid-template-columns:repeat(3,1fr);gap:10px}.slv-home--marketplace .slv-slide{width:92%;flex-basis:92%}.slv-home--marketplace .slv-slide__inner{height:230px}.slv-home--marketplace .slv-grid--deals,.slv-home--marketplace .slv-grid--gift{grid-template-columns:repeat(2,1fr)}.slv-home--marketplace .slv-hw__media{width:112px}}
@media(prefers-reduced-motion:reduce){.slv-home--marketplace .slv-hero__track,.slv-home--marketplace .slv-card,.slv-home--marketplace .slv-cat,.slv-home--marketplace .slv-hw,.slv-home--marketplace .slv-card__media img,.slv-home--marketplace .slv-cat img,.slv-home--marketplace .slv-hw__media img,.slv-home--marketplace .slv-slide{transition:none}.slv-home--marketplace .slv-card:hover,.slv-home--marketplace .slv-cat:hover,.slv-home--marketplace .slv-hw:hover{transform:none}}

/* Silver v0.9.7 — restored side-peek hero carousel; no outer pink glow. */
.slv-home--marketplace .slv-hero{position:relative!important;overflow:hidden!important;padding-top:4px!important}
.slv-home--marketplace .slv-hero__viewport{overflow:hidden!important;margin:0 -8px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.slv-home--marketplace .slv-hero__track{display:flex!important;align-items:stretch!important;transition:transform .5s ease-out!important;will-change:transform!important;transform:translate3d(-7%,0,0)}
.slv-home--marketplace .slv-slide{width:86%!important;flex:0 0 86%!important;padding:0 8px!important;opacity:.55!important;visibility:visible!important;transition:opacity .5s!important}
.slv-home--marketplace .slv-slide.is-active{opacity:1!important}
.slv-home--marketplace .slv-slide__inner{position:relative!important;height:260px!important;overflow:hidden!important;border-radius:14px!important;background:var(--slv-grad)!important;box-shadow:0 12px 32px rgba(15,16,30,.18)!important;isolation:isolate!important}
@media(min-width:640px){.slv-home--marketplace .slv-slide__inner{height:340px!important}}
@media(min-width:768px){.slv-home--marketplace .slv-slide__inner{height:420px!important}}
.slv-home--marketplace .slv-slide__img{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;object-fit:cover!important;display:block!important;opacity:1!important;transform:none!important;will-change:auto!important}
.slv-home--marketplace .slv-slide__tint{position:absolute!important;inset:0!important;background:linear-gradient(-180deg,rgba(15,16,30,0) 45%,rgba(15,16,30,.65) 100%)!important;opacity:1!important}
.slv-home--marketplace .slv-hero__arrow{top:42%!important;display:none!important;background:rgba(255,255,255,.95)!important;color:#14141c!important;border:1px solid rgba(20,20,28,.16)!important;box-shadow:0 4px 16px rgba(15,16,30,.12)!important;backdrop-filter:none!important}
@media(min-width:640px){.slv-home--marketplace .slv-hero__arrow{display:grid!important}}
.slv-home--marketplace .slv-hero__arrow:hover{background:#fff!important;color:var(--slv-pink)!important}
.slv-home--marketplace .slv-hero__arrow--prev{right:8px!important}
.slv-home--marketplace .slv-hero__arrow--next{left:8px!important}
@media(max-width:520px){.slv-home--marketplace .slv-slide{width:92%!important;flex-basis:92%!important}.slv-home--marketplace .slv-slide__inner{height:230px!important;border-radius:14px!important}.slv-home--marketplace .slv-hero__viewport{margin:0 -8px!important;border-radius:0!important}.slv-home--marketplace .slv-slide__badge{display:inline-flex!important}}

/* Silver v0.9.9 — circular side-peek hero: JS controls movement; CSS only provides no-JS fallback. */
.slv-home--marketplace .slv-hero--loop .slv-hero__track{transform:translate3d(79%,0,0)}
.slv-home--marketplace .slv-slide.is-clone{opacity:.55!important;visibility:visible!important}
.slv-home--marketplace .slv-slide.is-clone a{pointer-events:none!important}
@media(max-width:520px){.slv-home--marketplace .slv-hero--loop .slv-hero__track{transform:translate3d(88%,0,0)}}

/* ============================================================================
   Silver v0.9.26 — variation promo: SINGLE SOURCE OF TRUTH.
   All previous vpromo generations (v0.6.x pill, v0.9.14, v0.9.17, v0.9.2x,
   v0.9.24, v0.9.25) were removed from this file. Do not append new vpromo
   blocks below — edit THIS block. Every cascade-sensitive property
   (transform, box-shadow, filter, background) is declared explicitly and the
   old pseudo-elements are hard-killed with !important so a stale "Remove
   Unused CSS" cache can never resurrect the pink diagonal stripe again.

   Card anatomy: two-zone dark pill. Cover art fills the left column with a
   clean hard edge. A thin inclined slash (2.5px, ~14deg, pink -> ember) cut into the art
   edge itself via two parallel clip-paths separates art from text.
   The fade experiment (v0.9.26/27) was removed by design decision.
   ============================================================================ */
.slv-home--marketplace .slv-sec--variation-promos{
	margin-top:18px!important;
	overflow:visible;
}
.slv-home--marketplace .slv-sec--variation-promos + .slv-sec--cats{
	margin-top:28px!important;
}
.slv-home--marketplace .slv-vpromo-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px 16px;
	padding-top:0;
	align-items:stretch;
}
.slv-home--marketplace .slv-vpromo,
.slv-home--marketplace .slv-vpromo.slv-vpromo--pill{
	min-width:0;
	padding:0;
	overflow:hidden;
	border:0;
	border-radius:11px;
	background:#100d1d;
	box-shadow:0 10px 24px rgba(17,13,31,.13);
	transition:transform .18s ease,box-shadow .18s ease;
	transform:none;
}
.slv-home--marketplace .slv-vpromo:hover{
	transform:translateY(-2px);
	box-shadow:0 15px 30px rgba(17,13,31,.18),0 0 20px rgba(255,77,147,.13);
	filter:none;
}
.slv-home--marketplace .slv-vpromo__link{
	position:relative;
	display:grid;
	grid-template-columns:120px minmax(0,1fr);
	min-height:120px;
	isolation:isolate;
	text-decoration:none;
	color:#fff;
	background:#fff;
}
/* --- Art zone ------------------------------------------------------------ */
.slv-home--marketplace .slv-vpromo__media{
	position:relative;
	z-index:1;
	display:block;
	height:100%;
	overflow:visible;
}
.slv-home--marketplace .slv-vpromo__media:before,
.slv-home--marketplace .slv-vpromo__media:after{
	content:none!important;
	display:none!important;
}
/* Thumb = the square art box (left grid column). */
.slv-home--marketplace .slv-vpromo__thumb{
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	width:120px;
	height:120px;
	overflow:visible;
	background:#100d1d;
}
/* The pink -> orange DIAGONAL strip: fills the box, clipped to a diagonal on the
   right. The image on top (clipped 2px narrower, parallel) exposes this as the
   angled separation strip. */
.slv-home--marketplace .slv-vpromo__thumb:before{
	content:"";
	position:absolute;
	inset:0;
	z-index:2;
	pointer-events:none;
	background:linear-gradient(-160deg,#ff4d93 0%,#ff7a3d 100%);
	-webkit-clip-path:polygon(100% 100%,22px 100%,0 0,100% 0);
	clip-path:polygon(100% 100%,22px 100%,0 0,100% 0);
}
/* Dark navy triangle at the BOTTOM-RIGHT of the diagonal (reference detail). */
.slv-home--marketplace .slv-vpromo__thumb:after{
	content:"";
	position:absolute;
	z-index:3;
	right:0;
	left:0;
	bottom:0;
	height:40px;
	pointer-events:none;
	background:linear-gradient(-135deg,#241539,#0d0a18);
	-webkit-clip-path:polygon(0 calc(100% - 40px),0 100%,22px 100%);
	clip-path:polygon(0 calc(100% - 40px),0 100%,22px 100%);
}
/* The image fills the square (cover), clipped diagonally on the right so the
   pink strip shows through as the separation line. */
.slv-home--marketplace .slv-vpromo__thumb img,
.slv-home--marketplace .slv-vpromo__img{
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:4;
	width:120px;
	height:120px;
	max-width:none;
	max-height:none;
	object-fit:cover;
	object-position:center;
	filter:none;
	transform:none;
	-webkit-clip-path:polygon(100% 100%,64px 100%,44px 0,100% 0);
	clip-path:polygon(100% 100%,64px 100%,44px 0,100% 0);
	-webkit-mask-image:none;
	mask-image:none;
}
.slv-home--marketplace .slv-vpromo__placeholder{
	display:grid;
	place-items:center;
	width:100%;
	height:100%;
	border-radius:0;
	background:radial-gradient(circle at 34% 35%,rgba(255,255,255,.16),rgba(255,255,255,0) 58%),linear-gradient(-135deg,#463284,#2a205f);
	color:rgba(255,255,255,.86);
	position:relative;
	z-index:2;
	-webkit-clip-path:polygon(100% 100%,22.5px 100%,2.5px 0,100% 0);
	clip-path:polygon(100% 100%,22.5px 100%,2.5px 0,100% 0);
}
.slv-home--marketplace .slv-vpromo__placeholder .slv-ico{
	width:25px;
	height:25px;
}
/* --- Text zone ------------------------------------------------------------ */
.slv-home--marketplace .slv-vpromo__content,
.slv-home--marketplace .slv-vpromo__copy{
	position:relative;
	z-index:4;
	display:block;
	min-width:0;
	padding:12px 14px 10px 48px;
	line-height:1.08;
	background:none!important; /* v0.9.25 gave this its own gradient -> seam over the art bleed */
}
.slv-home--marketplace .slv-vpromo__title,
.slv-home--marketplace .slv-vpromo__copy strong{
	display:block;
	max-width:100%;
	margin:0;
	font-family:var(--slv-display);
	font-size:12.8px;
	font-weight:900;
	line-height:1.04;
	letter-spacing:-.025em;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-shadow:none;
}
.slv-home--marketplace .slv-vpromo__sub,
.slv-home--marketplace .slv-vpromo__copy small{
	display:block;
	max-width:100%;
	margin:4px 0 0;
	font-size:10.4px;
	font-weight:650;
	line-height:1.05;
	color:rgba(255,255,255,.64);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-shadow:none;
}
.slv-home--marketplace .slv-vpromo__price{
	display:flex;
	align-items:baseline;
	gap:6px;
	min-width:0;
	margin-top:7px;
	font-size:12.2px;
	font-weight:900;
	line-height:1;
	color:#fff;
	white-space:nowrap;
}
.slv-home--marketplace .slv-vpromo__price del{
	order:0;
	font-size:10px;
	font-weight:700;
	color:rgba(255,255,255,.34);
	text-decoration-thickness:1px;
}
.slv-home--marketplace .slv-vpromo__price ins{
	order:1;
	color:#fff;
	font-size:13.2px;
	font-weight:900;
	text-decoration:none;
}
.slv-home--marketplace .slv-vpromo__price .amount{color:inherit;}
.slv-home--marketplace .slv-vpromo__discount{
	position:absolute;
	z-index:7;
	left:9px;
	top:9px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:19px;
	min-width:36px;
	padding:0 7px;
	border-radius:6px;
	background:#16c769;
	box-shadow:none;
	color:#06140b;
	font-size:10px;
	font-weight:900;
	line-height:1;
	white-space:nowrap;
}
/* Legacy markup from older generations: never render. */
.slv-home--marketplace .slv-vpromo__top,
.slv-home--marketplace .slv-vpromo__foot,
.slv-home--marketplace .slv-vpromo__tag,
.slv-home--marketplace .slv-vpromo__coin{
	display:none!important;
}
/* --- Responsive ----------------------------------------------------------- */
@media(min-width:1280px){
	.slv-home--marketplace .slv-vpromo__link{
		grid-template-columns:120px minmax(0,1fr);
		min-height:86px;
	}
	.slv-home--marketplace .slv-vpromo__media{min-height:86px;}
	.slv-home--marketplace .slv-vpromo__content,
	.slv-home--marketplace .slv-vpromo__copy{padding:13px 15px 10px 50px;}
	.slv-home--marketplace .slv-vpromo__title,
	.slv-home--marketplace .slv-vpromo__copy strong{font-size:13.5px;}
	.slv-home--marketplace .slv-vpromo__sub,
	.slv-home--marketplace .slv-vpromo__copy small{font-size:10.7px;}
}
@media(max-width:1023px){
	.slv-home--marketplace .slv-vpromo-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:12px;
		padding-top:0;
	}
	.slv-home--marketplace .slv-vpromo__link{
		grid-template-columns:106px minmax(0,1fr);
		min-height:82px;
	}
	.slv-home--marketplace .slv-vpromo__media{min-height:82px;}
	.slv-home--marketplace .slv-vpromo__content,
	.slv-home--marketplace .slv-vpromo__copy{padding-right:13px;}
}
@media(max-width:640px){
	.slv-home--marketplace .slv-sec--variation-promos{
		margin-right:-4px;
		margin-left:-4px;
		overflow:hidden;
	}
	.slv-home--marketplace .slv-vpromo-grid{
		display:flex;
		gap:10px;
		overflow-x:auto;
		padding:0 4px 8px;
		scrollbar-width:thin;
	}
	.slv-home--marketplace .slv-vpromo-grid::-webkit-scrollbar{height:5px;}
	.slv-home--marketplace .slv-vpromo-grid::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,77,147,.55);}
	.slv-home--marketplace .slv-vpromo{
		flex:0 0 300px;
		border-radius:11px;
	}
	.slv-home--marketplace .slv-vpromo__link{
		grid-template-columns:100px minmax(0,1fr);
		min-height:78px;
	}
	.slv-home--marketplace .slv-vpromo__media{min-height:78px;}
	.slv-home--marketplace .slv-vpromo__thumb{inset:0 -10px 0 0;}
	.slv-home--marketplace .slv-vpromo__content,
	.slv-home--marketplace .slv-vpromo__copy{padding:10px 12px 9px 42px;}
	.slv-home--marketplace .slv-vpromo__title,
	.slv-home--marketplace .slv-vpromo__copy strong{font-size:12.4px;}
	.slv-home--marketplace .slv-vpromo__sub,
	.slv-home--marketplace .slv-vpromo__copy small{font-size:10.2px;}
	.slv-home--marketplace .slv-vpromo__price ins{font-size:12.9px;}
}
@media(max-width:380px){
	.slv-home--marketplace .slv-vpromo{flex-basis:284px;}
	.slv-home--marketplace .slv-vpromo__link{grid-template-columns:96px minmax(0,1fr);}
	.slv-home--marketplace .slv-vpromo__title,
	.slv-home--marketplace .slv-vpromo__copy strong{font-size:12.2px;}
	.slv-home--marketplace .slv-vpromo__price{font-size:11.6px;}
}
@media(prefers-reduced-motion:reduce){
	.slv-home--marketplace .slv-vpromo{transition:none;}
	.slv-home--marketplace .slv-vpromo:hover{transform:none;}
}

/* ============================================================================
   Silver v0.9.30 — Trending top-up grid + Gift card banners.
   .slv-tgrid/.slv-tcard : portrait FULL-COVER art cards, 5-8 across, no
   scrolling, image zoom on hover. Foot strip overlays the art with a thin
   top separation line: small discount left, View Deal pill right.
   Revised v0.9.31: radius 10px, art behind the foot, smaller badge/discount.
   .slv-ggrid/.slv-gcard : wide landscape banners, 4 or 5 per row (1-2 rows).
   The Hot deals section was removed from front-page.php; the old
   .slv-grid--deals / .slv-card rail CSS above is inert on the homepage.
   ============================================================================ */
.slv-home--marketplace .slv-tgrid{
	display:grid;
	gap:14px;
	align-items:stretch;
}
.slv-home--marketplace .slv-tgrid--6{grid-template-columns:repeat(6,minmax(0,1fr));}
.slv-home--marketplace .slv-tgrid--5{grid-template-columns:repeat(5,minmax(0,1fr));}
.slv-home--marketplace .slv-tgrid--7{grid-template-columns:repeat(7,minmax(0,1fr));}
.slv-home--marketplace .slv-tgrid--8{grid-template-columns:repeat(8,minmax(0,1fr));}
.slv-home--marketplace .slv-tcard{
	position:relative;
	min-width:0;
	border-radius:10px;
	overflow:hidden;
	background:#100d1d;
	box-shadow:0 8px 22px rgba(17,13,31,.12);
	transition:transform .18s ease,box-shadow .18s ease;
}
.slv-home--marketplace .slv-tcard:hover{
	transform:translateY(-3px);
	box-shadow:0 16px 34px rgba(17,13,31,.2);
}
.slv-home--marketplace .slv-tcard__link{
	position:relative;
	display:block;
	aspect-ratio:4/5;
	height:auto;
	overflow:hidden;
	text-decoration:none;
	color:#fff;
	isolation:isolate;
}
.slv-home--marketplace .slv-tcard__media{
	position:absolute;
	inset:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(-135deg,#463284,#2a205f);
}
.slv-home--marketplace .slv-tcard__img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	transform:none;
	transition:transform .5s ease;
}
.slv-home--marketplace .slv-tcard:hover .slv-tcard__img{transform:scale(1.07);}
.slv-home--marketplace .slv-tcard__placeholder{
	display:grid;
	place-items:center;
	width:100%;
	height:100%;
	color:rgba(255,255,255,.82);
}
.slv-home--marketplace .slv-tcard__placeholder .slv-ico{width:42px;height:42px;}
.slv-home--marketplace .slv-tcard__scrim{
	position:absolute;
	inset:0;
	pointer-events:none;
	background:linear-gradient(-180deg,rgba(10,8,18,0) 34%,rgba(10,8,18,.42) 60%,rgba(10,8,18,.9) 100%);
}
.slv-home--marketplace .slv-tcard__meta{
	position:absolute;
	z-index:2;
	right:12px;
	left:12px;
	bottom:58px;
	display:block;
}
.slv-home--marketplace .slv-tcard__pill{
	display:inline-flex;
	align-items:center;
	border-radius:999px;
	background:#16c769;
	color:#fff;
	font-size:8.5px;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
	padding:2px 7px;
}
.slv-home--marketplace .slv-tcard__title{
	display:block;
	margin:8px 0 0;
	font-family:var(--slv-display);
	font-size:15px;
	font-weight:800;
	line-height:1.1;
	letter-spacing:-.02em;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.slv-home--marketplace .slv-tcard__foot{
	position:absolute;
	z-index:2;
	right:0;
	left:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	min-height:48px;
	padding:9px 12px;
	background:rgba(10,8,18,.3);
	border-top:1px solid rgba(255,255,255,.16);
}
.slv-home--marketplace .slv-tcard__disc{
	font-family:var(--slv-display);
	font-size:14px;
	font-weight:800;
	letter-spacing:-.02em;
	color:#fff;
	white-space:nowrap;
}
.slv-home--marketplace .slv-tcard__price{
	min-width:0;
	font-family:var(--slv-display);
	font-size:14px;
	font-weight:800;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.slv-home--marketplace .slv-tcard__price del{color:rgba(255,255,255,.55);font-weight:600;font-size:11px;}
.slv-home--marketplace .slv-tcard__price ins{text-decoration:none;color:#fff;}
.slv-home--marketplace .slv-tcard__btn{
	flex:0 0 auto;
	margin-right:auto;
	display:inline-flex;
	align-items:center;
	border-radius:999px;
	background:#fff;
	border:0;
	box-shadow:0 4px 12px rgba(0,0,0,.3);
	padding:7px 13px;
	font-size:12px;
	font-weight:700;
	color:#14141c;
	white-space:nowrap;
	transition:box-shadow .15s ease;
}
.slv-home--marketplace .slv-tcard:hover .slv-tcard__btn{box-shadow:0 6px 16px rgba(15,16,30,.2);}
.slv-home--marketplace .slv-tgrid--7 .slv-tcard__title,
.slv-home--marketplace .slv-tgrid--8 .slv-tcard__title{font-size:13.5px;}
.slv-home--marketplace .slv-tgrid--7 .slv-tcard__disc,
.slv-home--marketplace .slv-tgrid--8 .slv-tcard__disc{font-size:13px;}
.slv-home--marketplace .slv-tgrid--7 .slv-tcard__foot,
.slv-home--marketplace .slv-tgrid--8 .slv-tcard__foot{min-height:44px;padding:8px 10px;}
.slv-home--marketplace .slv-tgrid--7 .slv-tcard__btn,
.slv-home--marketplace .slv-tgrid--8 .slv-tcard__btn{padding:6px 10px;font-size:11px;}
.slv-home--marketplace .slv-tgrid--7 .slv-tcard__meta,
.slv-home--marketplace .slv-tgrid--8 .slv-tcard__meta{bottom:52px;}

.slv-home--marketplace .slv-ggrid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px 16px;
	align-items:stretch;
}
.slv-home--marketplace .slv-ggrid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.slv-home--marketplace .slv-ggrid--5{grid-template-columns:repeat(5,minmax(0,1fr));}
.slv-home--marketplace .slv-ggrid--5 .slv-gcard__title{font-size:14px;}
.slv-home--marketplace .slv-ggrid--5 .slv-gcard__disc{font-size:16px;}
.slv-home--marketplace .slv-ggrid--5 .slv-gcard__body{right:12px;left:12px;bottom:10px;}
.slv-home--marketplace .slv-ggrid--5 .slv-gcard__go{width:26px;height:26px;}
.slv-home--marketplace .slv-gcard{
	position:relative;
	min-width:0;
	border-radius:10px;
	overflow:hidden;
	background:#100d1d;
	box-shadow:0 8px 22px rgba(17,13,31,.12);
	transition:transform .18s ease,box-shadow .18s ease;
}
.slv-home--marketplace .slv-gcard:hover{
	transform:translateY(-3px);
	box-shadow:0 16px 34px rgba(17,13,31,.2);
}
.slv-home--marketplace .slv-gcard__link{
	position:relative;
	display:block;
	aspect-ratio:2.05/1;
	overflow:hidden;
	text-decoration:none;
	color:#fff;
	isolation:isolate;
}
.slv-home--marketplace .slv-gcard__img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	transform:none;
	transition:transform .5s ease;
}
.slv-home--marketplace .slv-gcard:hover .slv-gcard__img{transform:scale(1.06);}
.slv-home--marketplace .slv-gcard__placeholder{
	position:absolute;
	inset:0;
	display:grid;
	place-items:center;
	background:linear-gradient(-135deg,#463284,#2a205f);
	color:rgba(255,255,255,.82);
}
.slv-home--marketplace .slv-gcard__placeholder .slv-ico{width:42px;height:42px;}
.slv-home--marketplace .slv-gcard__scrim{
	position:absolute;
	inset:0;
	pointer-events:none;
	background:linear-gradient(-180deg,rgba(10,8,18,.05) 30%,rgba(10,8,18,.42) 68%,rgba(10,8,18,.82) 100%);
}
.slv-home--marketplace .slv-gcard__body{
	position:absolute;
	z-index:2;
	right:14px;
	left:14px;
	bottom:12px;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:10px;
}
.slv-home--marketplace .slv-gcard__left{flex:1;min-width:0;}
.slv-home--marketplace .slv-gcard__badges{display:flex;gap:6px;flex-wrap:wrap;}
.slv-home--marketplace .slv-gcard__flash{
	display:inline-flex;
	border-radius:999px;
	background:#16c769;
	color:#fff;
	font-size:8.5px;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
	padding:2px 7px;
}
.slv-home--marketplace .slv-gcard__cat{
	display:inline-flex;
	max-width:130px;
	border-radius:999px;
	background:rgba(10,8,18,.62);
	border:1px solid rgba(255,255,255,.18);
	color:#fff;
	font-size:8.5px;
	font-weight:700;
	letter-spacing:.05em;
	text-transform:uppercase;
	padding:2px 7px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-backdrop-filter:blur(4px);
	backdrop-filter:blur(4px);
}
.slv-home--marketplace .slv-gcard__title{
	display:block;
	margin:7px 0 0;
	font-family:var(--slv-display);
	font-size:15px;
	font-weight:800;
	line-height:1.08;
	letter-spacing:-.02em;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-shadow:0 2px 10px rgba(0,0,0,.4);
}
.slv-home--marketplace .slv-gcard__right{flex:0 0 auto;text-align:left;}
.slv-home--marketplace .slv-gcard__label{
	display:block;
	font-size:8px;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:rgba(255,255,255,.66);
}
.slv-home--marketplace .slv-gcard__disc{
	display:block;
	margin-top:2px;
	font-family:var(--slv-display);
	font-size:19px;
	font-weight:900;
	letter-spacing:-.02em;
	line-height:1;
	color:#fff;
}
.slv-home--marketplace .slv-gcard__price{
	display:block;
	font-family:var(--slv-display);
	font-size:14px;
	font-weight:800;
	color:#fff;
	white-space:nowrap;
}
.slv-home--marketplace .slv-gcard__price del{color:rgba(255,255,255,.5);font-size:11px;font-weight:600;}
.slv-home--marketplace .slv-gcard__price ins{text-decoration:none;color:#fff;}
.slv-home--marketplace .slv-gcard__go{
	flex:0 0 auto;
	display:grid;
	place-items:center;
	width:30px;
	height:30px;
	border-radius:999px;
	background:#fff;
	color:#14141c;
	box-shadow:0 4px 12px rgba(0,0,0,.3);
}
.slv-home--marketplace .slv-gcard__go .slv-ico{width:15px;height:15px;}

@media(max-width:1180px){
	.slv-home--marketplace .slv-tgrid--5,
	.slv-home--marketplace .slv-tgrid--6,
	.slv-home--marketplace .slv-tgrid--7,
	.slv-home--marketplace .slv-tgrid--8{grid-template-columns:repeat(4,minmax(0,1fr));}
	.slv-home--marketplace .slv-ggrid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:900px){
	.slv-home--marketplace .slv-ggrid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
	.slv-home--marketplace .slv-tgrid--5,
	.slv-home--marketplace .slv-tgrid--6,
	.slv-home--marketplace .slv-tgrid--7,
	.slv-home--marketplace .slv-tgrid--8{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:560px){
	/* v0.9.184 — trending is 2-up on phones (was 3-up + cramped). Bigger cards so
	   the Promotion badge, title and the "Top-up" button all render like the web
	   version instead of being squeezed away. */
	.slv-home--marketplace .slv-tgrid--5,
	.slv-home--marketplace .slv-tgrid--6,
	.slv-home--marketplace .slv-tgrid--7,
	.slv-home--marketplace .slv-tgrid--8{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
	.slv-home--marketplace .slv-ggrid{grid-template-columns:1fr;gap:12px;}
	.slv-home--marketplace .slv-tcard__title{font-size:15px;}
	.slv-home--marketplace .slv-tcard__pill{font-size:9px;padding:2px 8px;}
	.slv-home--marketplace .slv-tcard__meta{right:12px;left:12px;bottom:56px;}
	.slv-home--marketplace .slv-tcard__disc{font-size:14px;}
	.slv-home--marketplace .slv-tcard__price{font-size:13px;}
	.slv-home--marketplace .slv-tcard__btn{padding:7px 14px;font-size:12px;box-shadow:0 3px 8px rgba(0,0,0,.25);}
	.slv-home--marketplace .slv-tcard__foot{min-height:46px;padding:9px 12px;gap:8px;}
}
@media(prefers-reduced-motion:reduce){
	.slv-home--marketplace .slv-tcard,
	.slv-home--marketplace .slv-gcard,
	.slv-home--marketplace .slv-tcard__img,
	.slv-home--marketplace .slv-gcard__img{transition:none;}
	.slv-home--marketplace .slv-tcard:hover,
	.slv-home--marketplace .slv-gcard:hover{transform:none;}
	.slv-home--marketplace .slv-tcard:hover .slv-tcard__img,
	.slv-home--marketplace .slv-gcard:hover .slv-gcard__img{transform:none;}
}

/* ============================================================================
   Silver v0.9.54 — homepage mobile polish pass. Tighter section rhythm,
   compact section heads, readable trust strip and hardware rows on phones.
   Trending is 3-up compact (560px block above), gift banners stay one clean
   full-width banner per row, vpromo stays a swipe rail.
   ============================================================================ */
@media(max-width:640px){
	.slv-home--marketplace{padding-top:16px;}
	.slv-home--marketplace .slv-sec{margin-top:28px;}
	.slv-home--marketplace .slv-sec--cats{margin-top:24px;}
	.slv-home--marketplace .slv-sechead{margin-bottom:12px;}
	.slv-home--marketplace .slv-sectitle{font-size:19px;}
	.slv-home--marketplace .slv-secsub{font-size:12px;margin-top:3px;}
	.slv-home--marketplace .slv-gcard__title{font-size:14px;}
	.slv-home--marketplace .slv-gcard__disc{font-size:16px;}
	.slv-home--marketplace .slv-gcard__flash,
	.slv-home--marketplace .slv-gcard__cat{font-size:8px;}
	.slv-home--marketplace .slv-trust{padding:14px;gap:12px;}
	.slv-home--marketplace .slv-trust__ico{width:30px;height:30px;}
	.slv-home--marketplace .slv-trust__label{font-size:12px;}
	.slv-home--marketplace .slv-trust__desc{font-size:10.5px;}
	.slv-home--marketplace .slv-hw__title{font-size:13px;}
	.slv-home--marketplace .slv-hw__price{font-size:13px;}
}
@media(max-width:400px){
	.slv-home--marketplace .slv-tcard__btn{padding:5px 7px;font-size:9.5px;}
	.slv-home--marketplace .slv-tcard__title{font-size:11px;}
	.slv-home--marketplace .slv-sectitle{font-size:18px;}
}

/* ============================================================================
   Silver v0.9.55 — mobile home = SEAGM-style 2-row swipe rails everywhere.
   Pattern: grid-auto-flow:column + 2 rows + fixed visible columns, horizontal
   overflow with snap. Per section (visible per row / rows):
   trending 4/2, categories 4/2, variation promos 2/2, gift 3/2, hardware 2/2.
   grid-template-columns is reset to none in each so the older per-width
   column rules above cannot fight the column flow. Desktop untouched.
   ============================================================================ */
@media(max-width:640px){
	.slv-home--marketplace .slv-tgrid--5,
	.slv-home--marketplace .slv-tgrid--6,
	.slv-home--marketplace .slv-tgrid--7,
	.slv-home--marketplace .slv-tgrid--8,
	.slv-home--marketplace .slv-cats,
	.slv-home--marketplace .slv-vpromo-grid,
	.slv-home--marketplace .slv-ggrid,
	.slv-home--marketplace .slv-grid--hw{
		display:grid;
		grid-template-columns:none;
		grid-auto-flow:column;
		grid-template-rows:repeat(2,auto);
		overflow-x:auto;
		padding-bottom:8px;
		scroll-snap-type:x proximity;
		scrollbar-width:thin;
	}
	.slv-home--marketplace .slv-tgrid--5::-webkit-scrollbar,
	.slv-home--marketplace .slv-tgrid--6::-webkit-scrollbar,
	.slv-home--marketplace .slv-tgrid--7::-webkit-scrollbar,
	.slv-home--marketplace .slv-tgrid--8::-webkit-scrollbar,
	.slv-home--marketplace .slv-cats::-webkit-scrollbar,
	.slv-home--marketplace .slv-vpromo-grid::-webkit-scrollbar,
	.slv-home--marketplace .slv-ggrid::-webkit-scrollbar,
	.slv-home--marketplace .slv-grid--hw::-webkit-scrollbar{height:5px;}
	.slv-home--marketplace .slv-tcard,
	.slv-home--marketplace .slv-cat,
	.slv-home--marketplace .slv-vpromo,
	.slv-home--marketplace .slv-gcard,
	.slv-home--marketplace .slv-hw{scroll-snap-align:start;min-width:0;}

	.slv-home--marketplace .slv-tgrid--5,
	.slv-home--marketplace .slv-tgrid--6,
	.slv-home--marketplace .slv-tgrid--7,
	.slv-home--marketplace .slv-tgrid--8{gap:8px;grid-auto-columns:minmax(calc((100% - 24px)/4),1fr);}
	.slv-home--marketplace .slv-tcard__pill{display:none;}
	.slv-home--marketplace .slv-tcard__btn{display:none;}
	.slv-home--marketplace .slv-tcard__meta{right:6px;left:6px;bottom:34px;}
	.slv-home--marketplace .slv-tcard__title{font-size:10px;}
	.slv-home--marketplace .slv-tcard__foot{min-height:28px;padding:5px 7px;justify-content:center;}
	.slv-home--marketplace .slv-tcard__disc{font-size:10.5px;}
	.slv-home--marketplace .slv-tcard__price{font-size:10px;}

	.slv-home--marketplace .slv-cats{gap:10px;grid-auto-columns:minmax(calc((100% - 30px)/4),1fr);}
	/* v0.9.281 — on a 320px phone, four tiles across leaves each about 57px, and
	   even shrunk to the 7px floor a name like "بطاقات PlayStation" does not fit.
	   Showing three at a time makes them wide enough to read; the strip scrolls,
	   so nothing is lost by fitting fewer on screen. */
	@media(max-width:359px){.slv-home--marketplace .slv-cats{grid-auto-columns:minmax(calc((100% - 20px)/3),1fr);}}
	/* v0.9.213 — mobile: thinner white label band so more of the image shows; keep the name on one line (smaller if needed). */
	.slv-home--marketplace .slv-cat__label{padding:6px 2px;font-size:10px;line-height:1.25;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:clip;}

	.slv-home--marketplace .slv-sec--variation-promos{margin-right:0;margin-left:0;overflow:visible;}
	.slv-home--marketplace .slv-vpromo-grid{gap:8px;grid-auto-columns:minmax(calc((100% - 8px)/2),1fr);}
	.slv-home--marketplace .slv-vpromo{flex:none;}
	.slv-home--marketplace .slv-vpromo__link{grid-template-columns:72px minmax(0,1fr);min-height:64px;}
	.slv-home--marketplace .slv-vpromo__media{min-height:64px;}
	.slv-home--marketplace .slv-vpromo__thumb{inset:0 -8px 0 0;}
	.slv-home--marketplace .slv-vpromo__content,
	.slv-home--marketplace .slv-vpromo__copy{padding:8px 9px 7px 26px;}
	.slv-home--marketplace .slv-vpromo__title,
	.slv-home--marketplace .slv-vpromo__copy strong{font-size:10.5px;}
	.slv-home--marketplace .slv-vpromo__sub,
	.slv-home--marketplace .slv-vpromo__copy small{font-size:8.5px;margin-top:2px;}
	.slv-home--marketplace .slv-vpromo__price{margin-top:4px;font-size:9.5px;gap:4px;}
	.slv-home--marketplace .slv-vpromo__price ins{font-size:10.5px;}
	.slv-home--marketplace .slv-vpromo__price del{font-size:8.5px;}
	.slv-home--marketplace .slv-vpromo__discount{left:5px;top:5px;min-height:15px;min-width:28px;padding:0 5px;font-size:8.5px;border-radius:5px;}

	.slv-home--marketplace .slv-ggrid{gap:8px;grid-auto-columns:minmax(calc((100% - 16px)/3),1fr);}
	.slv-home--marketplace .slv-gcard__link{aspect-ratio:1.45/1;}
	.slv-home--marketplace .slv-gcard__badges,
	.slv-home--marketplace .slv-gcard__label,
	.slv-home--marketplace .slv-gcard__go{display:none;}
	.slv-home--marketplace .slv-gcard__body{right:8px;left:8px;bottom:7px;gap:6px;}
	.slv-home--marketplace .slv-gcard__title{margin:0;font-size:10px;}
	.slv-home--marketplace .slv-gcard__disc{margin:0;font-size:12px;}
	.slv-home--marketplace .slv-gcard__price{font-size:10px;}

	.slv-home--marketplace .slv-grid--hw{gap:10px;grid-auto-columns:minmax(calc((100% - 10px)/2),1fr);}
	.slv-home--marketplace .slv-hw{padding:7px;gap:8px;}
	.slv-home--marketplace .slv-hw__media{width:50px;height:50px;flex:0 0 50px;}
	.slv-home--marketplace .slv-hw__title{font-size:11px;}
	.slv-home--marketplace .slv-hw__price{font-size:11.5px;}
	.slv-home--marketplace .slv-hw__title{font-size:11px;}
	.slv-home--marketplace .slv-hw__price{font-size:11px;}
}

/* ============================================================================
   Silver v0.9.62 — homepage refresh.
   A) Variation promos: the dark content side goes LIGHT — white panel, dark
      title, muted sub, pink price. Art zone + inclined divider untouched.
   B) Hardware: new vertical card layout (pure CSS, same markup): image top
      (4:3), 2-line title, pink price, full-width gradient Add button.
      3-up from 640px, 4-up from 1024px.
   ============================================================================ */
.slv-home--marketplace .slv-vpromo__link{background:#fff;color:#14141c;box-shadow:inset 0 0 0 1px #eceaf2;}
.slv-home--marketplace .slv-vpromo__title,
.slv-home--marketplace .slv-vpromo__copy strong{color:#14141c;}
.slv-home--marketplace .slv-vpromo__sub,
.slv-home--marketplace .slv-vpromo__copy small{color:#6b7280;}
.slv-home--marketplace .slv-vpromo__price{color:#6b7280;}
.slv-home--marketplace .slv-vpromo__price ins{color:#ff4d93;}
.slv-home--marketplace .slv-vpromo__price del{color:#9ca3af;}

.slv-home--marketplace .slv-hw{flex-direction:row;align-items:center;gap:10px;border-radius:12px;padding:8px;}
.slv-home--marketplace .slv-hw:hover{border-color:rgba(255,77,147,.45);box-shadow:0 14px 30px rgba(255,77,147,.12);}
.slv-home--marketplace .slv-hw__media{width:62px;height:62px;aspect-ratio:1/1;flex:0 0 62px;border-radius:10px;overflow:hidden;}
.slv-home--marketplace .slv-hw__body{padding:0;gap:3px;min-width:0;}
.slv-home--marketplace .slv-hw__title{font-size:12.5px;}
.slv-home--marketplace .slv-hw__title a{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;}
.slv-home--marketplace .slv-hw__title a:hover{color:#ff4d93;}
.slv-home--marketplace .slv-hw__price{font-size:13px;color:#ff4d93;}
.slv-home--marketplace .slv-hw__price del{color:#9ca3af;}
.slv-home--marketplace .slv-hw__foot{display:none;}
.slv-home--marketplace .slv-hw:hover .slv-hw__title a{color:#ff4d93;}
@media(min-width:1024px){
	.slv-home--marketplace .slv-grid--hw{grid-template-columns:repeat(4,1fr);}
}

/* Silver v0.9.73 — variation promo: price + discount docked in the BOTTOM
   RIGHT corner of the card (chip stacked just above the price), instead of
   floating mid-flow. Applies to desktop grid and the mobile swipe rail. */
.slv-home--marketplace .slv-vpromo__link{position:relative;}
.slv-home--marketplace .slv-vpromo__price{position:absolute;left:12px;bottom:9px;margin:0!important;display:flex;align-items:baseline;gap:6px;}
.slv-home--marketplace .slv-vpromo__discount{top:8px!important;bottom:auto!important;right:auto!important;left:12px!important;}
.slv-home--marketplace .slv-vpromo__content,
.slv-home--marketplace .slv-vpromo__copy{padding-left:12px;}
.slv-home--marketplace .slv-vpromo__title,
.slv-home--marketplace .slv-vpromo__copy strong,
.slv-home--marketplace .slv-vpromo__sub,
.slv-home--marketplace .slv-vpromo__copy small{max-width:calc(100% - 46px);}
@media(max-width:640px){
	.slv-home--marketplace .slv-vpromo__price{left:8px;bottom:7px;}
	.slv-home--marketplace .slv-vpromo__discount{top:6px!important;bottom:auto!important;left:8px!important;}
	.slv-home--marketplace .slv-vpromo__content,
	.slv-home--marketplace .slv-vpromo__copy{padding-left:9px;}
	.slv-home--marketplace .slv-vpromo__title,
	.slv-home--marketplace .slv-vpromo__copy strong,
	.slv-home--marketplace .slv-vpromo__sub,
	.slv-home--marketplace .slv-vpromo__copy small{max-width:calc(100% - 40px);}
}

/* Silver v0.9.77 — full-image slide link sits under the meta so the button stays clickable. */
.slv-slide__meta{position:relative;z-index:3;}
.slv-slide__cover{display:block;}

/* Silver v0.9.80 — shape-contract fallback. When a tight slot has to crop a
   wide promo banner (no key art set), aim the crop at the upper-center
   where game banners put the character's face. */
.slv-tcard__img.is-wide-fallback,
.slv-vpromo__img.is-wide-fallback,
.slv-hw__img.is-wide-fallback{object-position:center 22%!important;}

/* Silver v0.9.84 — gift banners: Flash Deal + category pills removed, so the
   title's badge clearance goes with them. Right zone is discount-only now;
   the price-range fallback is gone. */
.slv-home--marketplace .slv-gcard__title{margin-top:0;}

/* Silver v0.9.85 — trending cards: discount-only foot, matching the gift
   banners. On the mobile rail the Top-up button is hidden, so a card with no
   discount has an empty bar — it collapses instead. Titles keep their
   position, so they stay aligned across the rail either way. */
@media(max-width:640px){
	.slv-home--marketplace .slv-tcard__foot.is-bare{display:none;}
}
/* v0.9.150 — a custom-designed card key art fills the whole thumbnail cleanly
   (it was made to fit this card, so centre it and cover without a crop bias). */
.slv-home--marketplace .slv-vpromo__img.is-custom-art{object-fit:contain;object-position:center;}

/* ============================================================================
   Silver v0.9.177 — variation promo card: SQUARE image + black seam + orange wedge.
   v0.9.177: clean full square image (the MAIN product photo — see
   silver_home_promo_image_html); a pink -> ember orange wedge on the WHITE side
   (thumb :before) wide at the TOP, tapering down, in a FIXED position; a wide
   (18px) black band (thumb :after) that shares the wedge's left edge and GROWS
   RIGHT, tucked under the wedge so the orange covers it from the top (wedge does
   not move and the image is never eaten); the black shows toward the bottom.
   Price is stacked vertically — struck old price ABOVE the pink price.
   A matching inline \3c style> is printed in
   template-parts/sections/variation-promos.php so this renders even when a
   "Remove Unused CSS" cache is still serving an old stylesheet.
   IMPORTANT: this block deliberately uses fixed pixel values and NO CSS custom
   properties. The store runs a "Remove Unused CSS" pass that strips :root
   variables; when it did, every var()-based size collapsed and the art tile
   shrank while the divider detached. Literal px are optimiser-proof.

   Anatomy (all self-contained here — edit THIS block):
   - Art column is a real square. The image ALWAYS fills it via object-fit:cover,
     whatever its native aspect ratio (no more tiny letterboxed art).
   - A slim pink -> ember inclined divider + dark navy corner wedge sit at the
     square's right edge and spill a few px onto the white panel (wide at top,
     tapering down) — exactly like the reference card.
   - White panel: title top-left, discount chip top-right, muted subtitle,
     struck + pink price bottom-right.
   ============================================================================ */

/* --- Geometry: square art column + fluid white column -------------------- */
.slv-home--marketplace .slv-vpromo__link{
	grid-template-columns:100px minmax(0,1fr);
	min-height:100px;
	align-items:stretch;
	position:relative;
}
.slv-home--marketplace .slv-vpromo__media{
	position:relative;
	display:block;
	height:100%;
	min-height:100px;
	overflow:visible;
}
.slv-home--marketplace .slv-vpromo__thumb{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	width:auto;
	height:auto;
	overflow:visible;
	background:#100d1d;
}
/* Orange wedge on the WHITE side of the seam: wide at the TOP (covering the
   black line from the top) and tapering to nothing toward the bottom. */
.slv-home--marketplace .slv-vpromo__thumb:before{
	content:"" !important;
	display:block !important;
	position:absolute;
	top:0;
	bottom:0;
	right:calc(100% - 6px);
	left:auto;
	width:22px;
	height:auto;
	background:linear-gradient(-165deg,#ff4d93 0%,#ff7a3d 100%);
	-webkit-clip-path:polygon(100% 100%,92% 100%,0 0,100% 0);
	clip-path:polygon(100% 100%,92% 100%,0 0,100% 0);
	z-index:3;
	pointer-events:none;
}
/* Black separation line: anchored at the seam and GROWING RIGHT, tucked under
   the orange wedge (same left edge as the wedge) so the orange covers it from
   the top without the wedge moving, and the image is never eaten. */
.slv-home--marketplace .slv-vpromo__thumb:after{
	content:"" !important;
	display:block !important;
	position:absolute;
	top:0;
	bottom:0;
	right:calc(100% - 6px);
	left:auto;
	width:11px;
	height:auto;
	background:#111318;
	-webkit-clip-path:none !important;
	clip-path:none !important;
	z-index:2;
	pointer-events:none;
}
/* Clean full square image (no clip); uniform crop for every tile. */
.slv-home--marketplace .slv-vpromo__thumb img,
.slv-home--marketplace .slv-vpromo__img,
.slv-home--marketplace .slv-vpromo__img.is-custom-art,
.slv-home--marketplace .slv-vpromo__img.is-wide-fallback{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	max-width:none;
	max-height:none;
	object-fit:cover;
	object-position:center 25% !important;
	z-index:1;
	-webkit-clip-path:none !important;
	clip-path:none !important;
}
/* --- White content zone: flex column so the price anchors bottom-right ---- */
.slv-home--marketplace .slv-vpromo__content,
.slv-home--marketplace .slv-vpromo__copy{
	display:flex;
	flex-direction:column;
	height:100%;
	padding:11px 20px 10px 15px;
}
/* Title: up to TWO lines, then ellipsis. */
.slv-home--marketplace .slv-vpromo__title,
.slv-home--marketplace .slv-vpromo__copy strong{
	font-size:14.5px;
	line-height:1.1;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.slv-home--marketplace .slv-vpromo__sub,
.slv-home--marketplace .slv-vpromo__copy small{
	font-size:11.5px;
	margin-top:4px;
	max-width:100%;
}
/* No-chip cards let the title use the full width. */
.slv-home--marketplace .slv-vpromo__link:not(:has(.slv-vpromo__discount)) .slv-vpromo__title,
.slv-home--marketplace .slv-vpromo__link:not(:has(.slv-vpromo__discount)) .slv-vpromo__copy strong{
	max-width:100%;
}
/* Price block: pushed to the BOTTOM-RIGHT of every card, identical position. */
.slv-home--marketplace .slv-vpromo__price{
	position:static;
	margin:auto 0 0 0 !important;
	align-self:flex-end;
	gap:1px;
	flex-direction:column;
	align-items:flex-end;
	text-align:left;
}
.slv-home--marketplace .slv-vpromo__price del{font-size:11px;}
.slv-home--marketplace .slv-vpromo__price ins{font-size:15.5px;}
.slv-home--marketplace .slv-vpromo__discount{
	top:12px!important;
	left:15px!important;
	min-height:20px;
	min-width:38px;
	padding:0 8px;
	border-radius:7px;
	font-size:10.5px;
}
/* --- Mobile: compact 2-per-row grid (2 columns x 2 rows = 4 tiles) so the
   promo strip stays smaller than the hero banner. v0.9.179 — replaces the swipe
   carousel; capped at 4 tiles on phones to keep a tidy 2x2 block. Card internals
   (image column, fonts, seam wedge) scale down for the half-width tile. --- */
@media(max-width:640px){
	.slv-home--marketplace .slv-sec--variation-promos{margin-right:0;margin-left:0;overflow:visible;}
	.slv-home--marketplace .slv-vpromo-grid{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-template-rows:none;
		grid-auto-flow:row;
		grid-auto-columns:auto;
		gap:8px;
		overflow:visible;
		padding:0;
		scroll-snap-type:none;
	}
	.slv-home--marketplace .slv-vpromo{
		flex:none;
		width:auto;
		min-width:0;
	}
	/* Keep it a 2x2 block on phones. */
	.slv-home--marketplace .slv-vpromo:nth-child(n+5){display:none;}
	/* Card height == image column width, so the product image is a true SQUARE
	   (not a tall rectangle) and the tile stays short. */
	.slv-home--marketplace .slv-vpromo__link{
		grid-template-columns:68px minmax(0,1fr);
		min-height:68px;
	}
	.slv-home--marketplace .slv-vpromo__media{min-height:68px;}
	/* Slimmer seam wedge so it stays in proportion on the smaller tile. */
	.slv-home--marketplace .slv-vpromo__thumb:before{width:16px;}
	.slv-home--marketplace .slv-vpromo__thumb:after{width:8px;}
	.slv-home--marketplace .slv-vpromo__content,
	.slv-home--marketplace .slv-vpromo__copy{padding:6px 11px 6px 9px;}
	/* One-line title keeps every tile the same short, square height. */
	.slv-home--marketplace .slv-vpromo__title,
	.slv-home--marketplace .slv-vpromo__copy strong{font-size:11px;line-height:1.15;-webkit-line-clamp:1;max-width:calc(100% - 30px);}
	.slv-home--marketplace .slv-vpromo__sub,
	.slv-home--marketplace .slv-vpromo__copy small{font-size:8.8px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
	.slv-home--marketplace .slv-vpromo__price del{font-size:8px;}
	.slv-home--marketplace .slv-vpromo__price ins{font-size:11.5px;}
	.slv-home--marketplace .slv-vpromo__discount{
		top:5px!important;left:6px!important;min-height:14px;min-width:0;padding:0 4px;font-size:7.6px;border-radius:5px;
	}
}

/* ============================================================================
   Silver v0.9.177 — mobile hero shows the FULL banner (no crop).
   The slides are complete banner graphics, but the hero locked a fixed height
   and used object-fit:cover, cropping the edges (the "M" of MOBILE was cut).
   On phones the slide height now follows the image so the whole banner shows.
   ============================================================================ */
@media(max-width:640px){
	.slv-home--marketplace .slv-slide__inner{height:auto!important;min-height:0!important;}
	.slv-home--marketplace .slv-slide__img{
		position:relative!important;
		inset:auto!important;
		top:auto!important;
		right:auto!important;
		left:auto!important;
		bottom:auto!important;
		width:100%!important;
		height:auto!important;
		display:block!important;
		object-fit:contain!important;
	}
	/* v0.9.180 — bigger hero on phones: full-bleed edge-to-edge, no side peek.
	   Whole banner still visible (contain, no crop); just as wide as the screen.
	   Gated by .slv-hero--fullbleed (added by the fresh homepage.js) so a stale
	   cached JS keeps the old 92% peek layout and never misaligns the track. */
	.slv-home--marketplace .slv-hero--fullbleed{width:100vw!important;margin-right:calc(50% - 50vw)!important;margin-left:calc(50% - 50vw)!important;padding-top:0!important;}
	.slv-home--marketplace .slv-hero--fullbleed .slv-hero__viewport{margin:0!important;}
	.slv-home--marketplace .slv-hero--fullbleed .slv-slide{width:100%!important;flex-basis:100%!important;padding-right:0!important;padding-left:0!important;}
	.slv-home--marketplace .slv-hero--fullbleed .slv-slide__inner{border-radius:0!important;}
}

/* ============================================================================
   Silver v0.9.182 — tighten the gap under the header + a more CREATIVE hero.
   The hero gets a glossy sheen sweep, an animated gradient accent line on the
   bottom edge, a deeper vignette, and a glowing active dot. Every effect is a
   pointer-events:none overlay, so the banner image is never cropped.
   ============================================================================ */
@media(max-width:640px){
	/* Hero sits right under the menu bar (was a 24px gap). */
	.slv-home--marketplace{padding-top:6px!important;}
}
/* Richer depth + bottom scrim for the title/button legibility. */
.slv-home--marketplace .slv-slide__tint{
	background:linear-gradient(-180deg,rgba(10,8,20,0) 42%,rgba(10,8,20,.58) 100%),
	           radial-gradient(120% 85% at 82% 12%,rgba(var(--accent,255,77,147),.24),transparent 60%),
	           radial-gradient(150% 120% at 50% 125%,rgba(122,92,255,.20),transparent 60%);
}
/* Glossy sheen sweeping across the active slide every few seconds. */
.slv-home--marketplace .slv-slide.is-active .slv-slide__inner:after{
	content:"";
	position:absolute;
	top:-20%;
	bottom:-20%;
	right:-70%;
	width:38%;
	z-index:2;
	pointer-events:none;
	transform:skewX(16deg);
	background:linear-gradient(-100deg,transparent,rgba(255,255,255,.14) 44%,rgba(255,255,255,.30) 50%,rgba(255,255,255,.14) 56%,transparent);
	animation:slvHeroSheen 6.5s ease-in-out 1s infinite;
}
@keyframes slvHeroSheen{0%{right:-70%}17%{right:130%}100%{right:130%}}
/* Animated gradient accent line hugging the bottom edge of the banner. */
.slv-home--marketplace .slv-slide__inner:before{
	content:"";
	position:absolute;
	right:0;
	left:0;
	bottom:0;
	height:3px;
	z-index:3;
	pointer-events:none;
	background:linear-gradient(-90deg,#ff2f87,#ff7a3d,#7a5cff,#ff2f87);
	background-size:280% 100%;
	animation:slvHeroLine 7s linear infinite;
}
@keyframes slvHeroLine{0%{background-position:100% 0}100%{background-position:-180% 0}}
/* Glow on the active carousel dot. */
.slv-home--marketplace .slv-dot{transition:width .25s ease,background .25s ease,box-shadow .25s ease;}
.slv-home--marketplace .slv-dot.is-active{box-shadow:0 0 12px rgba(255,47,135,.6);}
@media(prefers-reduced-motion:reduce){
	.slv-home--marketplace .slv-slide.is-active .slv-slide__inner:after,
	.slv-home--marketplace .slv-slide__inner:before{animation:none;}
}

/* ============================================================================
   Silver v0.9.184 — mobile "Trending top-ups" matches the web version.
   Earlier ≤640 rules turned it into a cramped 2-row scroller and hid the
   Promotion badge, the Top-up button, and the whole foot on no-discount cards.
   This restores a clean 2-up grid with the badge + Top-up button on every card.
   Placed last so it wins the cascade. ============================================================================ */
@media(max-width:640px){
	/* Keep the compact 3-up size, but show the Promotion badge + Top-up button
	   inside every card (an earlier block hid them). Static grid, no scroller. */
	.slv-home--marketplace .slv-tgrid--5,
	.slv-home--marketplace .slv-tgrid--6,
	.slv-home--marketplace .slv-tgrid--7,
	.slv-home--marketplace .slv-tgrid--8{
		display:grid!important;
		grid-auto-flow:row!important;
		grid-template-columns:repeat(3,minmax(0,1fr))!important;
		grid-template-rows:none!important;
		grid-auto-columns:auto!important;
		overflow-x:visible!important;
		gap:8px!important;
		padding-bottom:0!important;
	}
	.slv-home--marketplace .slv-tcard__pill{display:inline-flex!important;font-size:7.5px!important;padding:2px 6px!important;}
	.slv-home--marketplace .slv-tcard__btn{display:inline-flex!important;padding:4px 9px!important;font-size:10px!important;}
	.slv-home--marketplace .slv-tcard__foot,
	.slv-home--marketplace .slv-tcard__foot.is-bare{display:flex!important;min-height:32px!important;padding:5px 7px!important;justify-content:space-between!important;align-items:center!important;gap:5px!important;}
	.slv-home--marketplace .slv-tcard__meta{right:8px!important;left:8px!important;bottom:40px!important;}
	.slv-home--marketplace .slv-tcard__title{font-size:11px!important;}
	.slv-home--marketplace .slv-tcard__disc{font-size:11px!important;}
}

/* ============================================================================
   Silver v0.9.184 — Gaming hardware on phones: full-width rows so the product
   name isn't cut off. An earlier ≤640 block packed hardware 2-per-row, leaving
   the title so narrow it truncated. One card per row gives the name real room.
   ============================================================================ */
@media(max-width:640px){
	.slv-home--marketplace .slv-grid--hw{
		display:grid!important;
		grid-auto-flow:row!important;
		grid-template-columns:1fr!important;
		grid-template-rows:none!important;
		grid-auto-columns:auto!important;
		overflow-x:visible!important;
		gap:10px!important;
		padding-bottom:0!important;
	}
	.slv-home--marketplace .slv-hw{padding:8px!important;gap:12px!important;}
	.slv-home--marketplace .slv-hw__media{width:64px!important;height:64px!important;flex:0 0 64px!important;}
	.slv-home--marketplace .slv-hw__body{min-width:0!important;}
	.slv-home--marketplace .slv-hw__title{font-size:13px!important;}
	.slv-home--marketplace .slv-hw__title a{-webkit-line-clamp:2!important;}
	.slv-home--marketplace .slv-hw__price{font-size:13.5px!important;}
}
/* v0.9.332 — the gear cards are clickable across their whole surface too.
   They use .slv-hw rather than .slv-shop-card, which is why the shop-card rule
   never reached them. The title link stretches an invisible layer over the card.
   Two different treatments for what sits on top of it, and the distinction is the
   one I got wrong twice today: the wishlist heart is absolutely positioned, so it
   gets z-index and nothing else — position:relative would drop it out of place.
   The footer button is in normal flow, where position:relative moves nothing and
   is simply what makes z-index apply at all. */
.slv-hw{position:relative}
.slv-hw__title a::after{content:"";position:absolute;inset:0;z-index:2}
.slv-hw [data-grz-wl],.slv-hw [class*="wl-"],.slv-hw [class*="wishlist"]{z-index:3}
.slv-hw__foot,.slv-hw__foot a,.slv-hw__foot button{position:relative;z-index:3}