.mx-home { width:min(1536px, calc(100% - 56px)); margin:0 auto; padding: 28px 0 56px; }
.mx-home-hero {
  position: relative; overflow: hidden; border: 0px solid rgba(255,255,255,.075);
  border-radius: 18px; min-height: 400px; padding: 40px 54px;
  background:
    radial-gradient(ellipse 45% 85% at 82% 18%, rgba(255,122,69,.22), transparent 70%),
    linear-gradient(135deg, rgba(25,35,48,.82), rgba(8,13,20,.96));
}
.mx-home-hero > * { position: relative; z-index: 2; }
.mx-home-hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; opacity:.92; }
.mx-home-hero-bg, .mx-home-feature-copy { transition:opacity .24s ease; }
.mx-home-hero.is-changing .mx-home-hero-bg, .mx-home-hero.is-changing .mx-home-feature-copy { opacity:.32; }
.mx-home-hero-shade {
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(90deg, rgb(8 13 20 / 64%) 0%, rgba(8, 13, 20, .78) 34%, rgba(8, 13, 20, .18) 66%, rgba(8, 13, 20, .68) 100%), radial-gradient(ellipse 45% 80% at 76% 38%, transparent, rgba(8, 13, 20, .44) 72%), linear-gradient(180deg, rgba(8, 13, 20, .05), rgba(8, 13, 20, .82));
}
.mx-home-hero::after {
  content:""; position:absolute; inset:auto 0 0; height:4px;
  background:linear-gradient(90deg, transparent, rgba(255,122,69,.9), transparent);
  box-shadow:0 10px 32px rgba(255,122,69,.26);
}
.mx-home-kicker { color:#ff9b68; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px; }
.mx-home-title { max-width:720px; margin:0; color:#fff; font-size:clamp(34px,5vw,68px); line-height:.98; letter-spacing:-.055em; }
.mx-home-sub { max-width:620px; margin:20px 0 0; color:#c7cbd4; font-size:17px; line-height:1.65; }
.mx-home-hero-game { display:flex; align-items:center; min-height:400px; }
.mx-home-feature-copy {
  width:100%; max-width:none;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,470px);
  grid-template-rows:auto auto auto auto;
  column-gap:clamp(38px,7vw,132px); align-items:center;
}
.mx-home-kicker, .mx-home-logo, .mx-home-logo-title, .mx-home-sub, .mx-home-hero-deal, .mx-home-hero-saving, .mx-home-hero-insight { grid-column:1; }
.mx-home-kicker { align-self:end; }
.mx-home-logo { display:block; max-width:300px; max-height:82px; object-fit:contain; object-position:left center; margin:12px 0 8px; filter:drop-shadow(0 5px 10px rgba(0,0,0,.5)); }
.mx-home-logo-title { align-self:end; }
.mx-home-sub { max-width:510px; margin:12px 0 0; font-size:15px; line-height:1.5; }
.mx-home-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.mx-home-decision {
  grid-column:2; grid-row:1 / span 4; align-self:center;
  width:auto; margin:0; padding:18px 20px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08); box-shadow:0 16px 36px rgba(0,0,0,.22);
  background:rgba(10,15,22,.72); backdrop-filter:blur(8px);
}
.mx-home-decision-title { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:13px; }
.mx-home-decision-title b { color:#fff; font-size:17px; line-height:1.15; }
.mx-home-decision-title span { color:#ffb088; font-size:12px; font-weight:900; white-space:nowrap; }
.mx-home-price-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; padding:9px 0; border-top:1px solid rgba(255,255,255,.08); }
.mx-home-price-row:first-of-type { border-top:0; }
.mx-home-price-row span { min-width:0; color:#c8d0dc; font-size:13px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mx-home-price-row strong { color:#fff; font-size:18px; font-weight:950; white-space:nowrap; }
.mx-home-price-row.is-best strong { color:#4ade80; }
.mx-home-decision-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:12px; padding-top:12px; border-top:1px solid rgba(255,255,255,.08); }
.mx-home-decision-saving { color:#b9c4d2; font-size:13px; font-weight:850; }
.mx-home-decision-saving b { display:block; color:#ffb088; font-size:21px; line-height:1.1; }
.mx-home-hero-deal { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:18px; color:#dfe4ec; font-weight:850; }
.mx-home-hero-deal strong { color:#4ade80; font-size:22px; }
.mx-home-hero-ref { color:#a8afbb; text-decoration:line-through; }
.mx-home-hero-arrow { color:#ff7a45; font-weight:950; }
.mx-home-hero-saving { display:inline-flex; align-items:center; gap:8px; margin-top:14px; color:#747775; font-weight:900; }
.mx-home-hero-saving b { color:#ff9b55; font-size:20px; }
.mx-home-hero-insight { display:inline-flex; align-items:center; gap:10px; margin-top:14px; padding:9px 12px; border-radius:12px; background:rgba(255,122,69,.12); border:1px solid rgba(255,122,69,.24); color:#dbe3ee; font-size:13px; font-weight:800; }
.mx-home-hero-insight b { color:#ffb088; }
.mx-home-logo-title { color:#fff; font-size:clamp(40px,5.8vw,78px); line-height:.95; letter-spacing:-.055em; margin:0; max-width:760px; }
.mx-hero-coverflow { position:absolute; z-index:2; right:-74px; top:50%; width:760px; height:330px; transform:translateY(-50%); pointer-events:none; perspective:1200px; display: none; }
.mx-hero-card {
  position:absolute; top:50%; left:23%; width:520px; height:282px; overflow:hidden; border-radius:20px; text-decoration:none; color:#fff;
  border:0px solid rgba(255,255,255,.13); background:#101824; box-shadow:0 34px 82px rgba(0,0,0,.56);
  transition:transform .28s ease, opacity .28s ease, filter .28s ease, border-color .18s ease;
  pointer-events:auto;
}
.mx-hero-card:hover { border-color:rgba(255,122,69,.45); }
.mx-hero-card img { width:100%; height:100%; object-fit:cover; display:block; }
.mx-hero-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.02) 34%, rgba(0,0,0,.84) 100%), linear-gradient(90deg, rgba(0,0,0,.24), transparent 52%); }
.mx-hero-card-main { z-index:7; transform:translate(-8%,-50%) scale(1.08); }
.mx-hero-card-left { z-index:6; transform:translate(-44%,-52%) scale(.94) rotateY(-4deg); opacity:.9; filter:saturate(.92) brightness(.82); }
.mx-hero-card-left-far { z-index:5; transform:translate(-74%,-54%) scale(.82) rotateY(-7deg); opacity:.76; filter:saturate(.8) brightness(.68); }
.mx-hero-card-right { z-index:4; transform:translate(-100%,-56%) scale(.7) rotateY(-10deg); opacity:.62; filter:saturate(.7) brightness(.58); }
.mx-hero-card-right-far { z-index:3; transform:translate(-120%,-58%) scale(.6) rotateY(-12deg); opacity:.46; filter:saturate(.58) brightness(.5); }
.mx-hero-card.is-hidden { opacity:0; pointer-events:none; }
.mx-hero-coverflow:hover .mx-hero-card-main,
.mx-hero-coverflow:focus-within .mx-hero-card-main { transform:translate(-4%,-50%) scale(1.08); }
.mx-hero-coverflow:hover .mx-hero-card-left,
.mx-hero-coverflow:focus-within .mx-hero-card-left { transform:translate(-52%,-52%) scale(.94) rotateY(-4deg); }
.mx-hero-coverflow:hover .mx-hero-card-left-far,
.mx-hero-coverflow:focus-within .mx-hero-card-left-far { transform:translate(-88%,-54%) scale(.82) rotateY(-7deg); opacity:.82; }
.mx-hero-coverflow:hover .mx-hero-card-right,
.mx-hero-coverflow:focus-within .mx-hero-card-right { transform:translate(-118%,-56%) scale(.7) rotateY(-10deg); opacity:.68; }
.mx-hero-coverflow:hover .mx-hero-card-right-far,
.mx-hero-coverflow:focus-within .mx-hero-card-right-far { transform:translate(-140%,-58%) scale(.6) rotateY(-12deg); opacity:.54; }
.mx-hero-card-hud { position:absolute; z-index:2; left:18px; right:18px; bottom:16px; display:flex; align-items:flex-end; justify-content:space-between; gap:14px; }
.mx-hero-card-title { max-width:58%; font-size:17px; font-weight:950; line-height:1.08; text-shadow:0 2px 12px rgba(0,0,0,.9); }
.mx-hero-card-price { display:flex; align-items:center; gap:8px; color:#ece6dd; font-size:24px; font-weight:950; letter-spacing:-.04em; white-space:nowrap; text-shadow:0 2px 12px rgba(0,0,0,.9); }
.mx-hero-card-cut { color:#180b04; background:#ff7a45; border-radius:9px; padding:5px 8px; font-size:13px; font-weight:950; letter-spacing:0; }
.mx-home-hero-picks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:28px; max-width:720px; }
.mx-home-pick { position:relative; min-height:86px; overflow:hidden; border-radius:14px; border:1px solid rgba(255,255,255,.10); background:#101824; text-decoration:none; box-shadow:0 12px 32px rgba(0,0,0,.22); }
.mx-home-pick img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.82; transition:transform .22s ease, opacity .22s ease; }
.mx-home-pick::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(4,8,13,.94), rgba(4,8,13,.24) 70%); }
.mx-home-pick:hover img { transform:scale(1.06); opacity:.96; }
.mx-home-pick-info { position:absolute; z-index:2; left:12px; right:12px; bottom:10px; display:flex; align-items:flex-end; justify-content:space-between; gap:10px; }
.mx-home-pick-title { color:#fff; font-size:12px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.mx-home-pick-price { color:#4ade80; font-size:13px; font-weight:950; white-space:nowrap; }
.mx-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:10px; padding:13px 18px; text-decoration:none; font-weight:800; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease; }
.mx-btn:hover { transform:translateY(-2px); }
.mx-btn:focus-visible { outline:2px solid rgba(255,122,69,.75); outline-offset:3px; }
.mx-btn-primary { background:#ff7a45; color:#1a0e06; box-shadow:0 10px 24px rgba(255,122,69,.14); }
.mx-btn-primary:hover { background:#ff8c5d; box-shadow:0 16px 38px rgba(255,122,69,.26); }
.mx-btn-ghost {
    color: #eef1f5;
    border: 0px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .045);
    font-size: 12px;
}
.mx-btn-ghost:hover { border-color:rgba(255,122,69,.34); background:rgba(255,122,69,.08); }
.mx-section-head .mx-btn-ghost {
  min-height:auto; padding:4px 0; border:0; background:transparent; color:#9da8b9; box-shadow:none;
}
.mx-section-head .mx-btn-ghost::after { content:"->"; font-size:13px; line-height:1; }
.mx-section-head .mx-btn-ghost:hover { transform:none; color:#ff9b68; background:transparent; }
.mx-featured-card {
  position:relative; width:330px; flex:0 0 auto; padding:30px 0 30px 34px;
  background:transparent; border:0; box-shadow:none; text-align:left;
}
.mx-featured-card::before {
  content:""; position:absolute; z-index:-1; inset:-26px -30px -26px -58px; border-radius:26px;
  background:
    radial-gradient(ellipse 80% 100% at 78% 50%, rgba(255,122,69,.12), transparent 68%),
    linear-gradient(90deg, transparent 0%, rgba(9,13,20,.58) 26%, rgba(10,14,22,.90) 100%);
  border-left:1px solid rgba(255,122,69,.26);
  box-shadow:0 34px 80px rgba(0,0,0,.46), inset 1px 0 0 rgba(255,255,255,.06);
}
.mx-featured-label { color:#ff9b68; text-transform:uppercase; letter-spacing:.08em; font-size:11px; font-weight:900; margin-bottom:8px; }
.mx-featured-game { color:#fff; font-size:18px; font-weight:900; line-height:1.15; margin-bottom:14px; }
.mx-featured-price { display:flex; align-items:center; justify-content:flex-start; gap:10px; flex-wrap:wrap; }
.mx-featured-cut { background:#ff7a45; color:#1a0e06; font-weight:900; font-size:12px; padding:4px 8px; border-radius:7px; }
.mx-featured-regular { color:#9da3ae; text-decoration:line-through; font-size:14px; }
.mx-featured-now { display:block; color:#fff; font-weight:950; font-size:34px; line-height:1.05; letter-spacing:-.03em; margin-top:10px; }
.mx-featured-store { color:#d9dde5; font-size:13px; font-weight:800; margin-top:6px; }
.mx-featured-card .mx-btn { width:240px; margin-top:18px; box-shadow:0 16px 36px rgba(255,122,69,.20); }
.mx-trust { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0 34px; }
.mx-trust-card { display:flex; gap:10px; align-items:flex-start; border:0px solid rgba(255,255,255,.075); border-radius:14px; padding:15px 16px; background:rgba(18,27,39,.64); transition:border-color .18s ease, background .18s ease, transform .18s ease; }
.mx-trust-card:hover { transform:translateY(-1px); border-color:rgba(74,222,128,.18); background:rgba(20,31,45,.72); }
.mx-trust-mark {
    width: 37px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 9px;
    color: #bbbd32;
    background: rgb(230 239 232 / 8%);
    border: 0px solid rgba(74, 222, 128, .16);
}
.mx-trust-mark svg { width:15px; height:15px; display:block; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.mx-trust-card b { display:block; color:#fff; font-size:13px; margin-bottom:3px; }
.mx-trust-card span { color:#9da3ae; font-size:12px; line-height:1.35; }
.mx-economy { display:grid; grid-template-columns:minmax(0,1fr) 1.1fr; gap:22px; align-items:stretch; margin:34px 0 4px; border:0px solid rgba(255,255,255,.08); border-radius:18px; overflow:hidden; background:linear-gradient(135deg, rgba(17,26,38,.88), rgba(10,15,23,.94)); }
.mx-economy-copy { padding:26px; }
.mx-economy-kicker { color:#ff9b68; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; margin-bottom:9px; }
.mx-economy h2 { color:#fff; margin:0; font-size:28px; line-height:1.05; letter-spacing:-.04em; }
.mx-economy p { color:#9da3ae; margin:12px 0 0; line-height:1.55; }
.mx-economy-board { padding:22px; background:rgba(255,255,255,.025); border-left:1px solid rgba(255,255,255,.06); }
.mx-economy-game { color:#fff; font-weight:900; font-size:16px; margin-bottom:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mx-economy-row { display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid rgba(255,255,255,.07); padding:12px 0; color:#c7cbd4; }
.mx-economy-row strong { color:#fff; }
.mx-economy-row .mx-price-old { color:#9da3ae; }
.mx-economy-save { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:10px; padding:14px 16px; border-radius:12px; background:rgba(74,222,128,.09); border:1px solid rgba(74,222,128,.16); color:#b8f6cc; font-weight:900; }
.mx-economy-save b { color:#4ade80; font-size:22px; }
.mx-radar {
  display:grid; grid-template-columns:360px minmax(0,1fr); gap:0; overflow:hidden;
  margin:34px 0 6px; border:0px solid rgba(255,255,255,.08); border-radius:18px;
  background:
    radial-gradient(ellipse 42% 80% at 8% 20%, rgba(255, 122, 69, .08), transparent 70%), linear-gradient(135deg, rgba(16, 25, 37, .92), rgb(13 19 28));
}
.mx-radar-panel { padding:28px; border-right:1px solid rgba(255,255,255,.06); }
.mx-radar h2 { color:#fff; margin:0; font-size:31px; line-height:1.04; letter-spacing:-.045em; }
.mx-radar p { color:#9da3ae; margin:12px 0 22px; line-height:1.55; }
.mx-radar-number {
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  padding:16px; border-radius:14px; 
}
.mx-radar-number span { color:#e6e6e6; font-weight:850; }
.mx-radar-number b { color:#4ade80; font-size:30px; line-height:1; letter-spacing:-.04em; }
.mx-radar-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.mx-radar-stat { padding:13px; border-radius:12px; background:rgba(255,255,255,.035); border:0px solid rgba(255,255,255,.065); }
.mx-radar-stat b { display:block; color:#fff; font-size:18px; }
.mx-radar-stat span { color:#8f96a3; font-size:11px; }
.mx-radar-board { padding:20px; min-width:0; }
.mx-radar-head, .mx-radar-row { display:grid; grid-template-columns:minmax(0,1.25fr) 150px 185px 120px; gap:14px; align-items:center; }
.mx-radar-head { color:#687181; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; padding:0 10px 10px; }
.mx-radar-row { min-height:74px; padding:10px; border-top:1px solid rgba(255,255,255,.065); color:#c7cbd4; text-decoration:none; transition:background .18s ease, transform .18s ease, border-color .18s ease; }
.mx-radar-row:hover { background:rgba(255,255,255,.032); border-radius:12px; transform:translateX(3px); }
.mx-radar-game { display:flex; gap:12px; align-items:center; min-width:0; }
.mx-radar-thumb { width:78px; height:44px; border-radius:8px; overflow:hidden; background:#101824; flex:0 0 auto; }
.mx-radar-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .22s ease, opacity .22s ease; }
.mx-radar-row:hover .mx-radar-thumb img { transform:scale(1.06); opacity:.96; }
.mx-radar-title { color:#fff; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mx-radar-sub { color:#8f96a3; font-size:12px; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mx-radar-shop { color:#dfe4ec; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mx-radar-best { display: grid;
    grid-template-columns: minmax(0, 0fr) auto;
    column-gap: 0px;
    row-gap: 3px;
    align-items: end; }
.mx-radar-best .mx-radar-shop { grid-column:1 / -1; }
.mx-radar-best .mx-radar-sub { min-width:0; }
.mx-radar-price { color:#f3f5f8; font-weight:900; text-align:left; white-space:nowrap; }
.mx-radar-save { color:#4ade80; font-size:18px; font-weight:950; text-align:right; white-space:nowrap; }
.mx-insight-banner {
  position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:22px; align-items:center;
  margin-top:28px; min-height:164px; border:0; border-radius:16px;
  background:
    radial-gradient(ellipse 55% 120% at 82% 20%, rgba(74,222,128,.06), transparent 64%),
    linear-gradient(135deg, rgba(17,26,38,.90), rgba(8,13,20,.97));
  box-shadow:none;
  color:inherit; text-decoration:none;
}
.mx-insight-banner:hover { border-color:rgba(255,122,69,.22); }
.mx-insight-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:1.13; filter:saturate(.9); }
.mx-insight-banner::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(7,11,17,.94), rgba(7,11,17,.72) 45%, rgba(7,11,17,.42)); }
.mx-insight-copy, .mx-insight-board { position:relative; z-index:2; }
.mx-insight-copy { padding:22px 0 22px 24px; }
.mx-insight-copy h2 { color:#fff; margin:0; font-size:24px; line-height:1.08; letter-spacing:-.03em; max-width:500px; }
.mx-insight-copy p { display:none; }
.mx-insight-board {
  margin-right:18px; padding:14px; border-radius:0px;
  background:rgba(9,14,21,.54); border:0px solid rgba(255,255,255,.045); box-shadow:none;
}
.mx-insight-line { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; padding:7px 0; border-top:1px solid rgba(255,255,255,.07); }
.mx-insight-line:first-child { border-top:0; padding-top:0; }
.mx-insight-shop { color:#f2f4f7; font-size:14px; font-weight:900; }
.mx-insight-sub { color:#8f96a3; font-size:11px; margin-top:3px; text-transform:uppercase; letter-spacing:.06em; }
.mx-insight-price { color:#f7f8fa; font-size:16px; font-weight:950; text-align:right; }
.mx-insight-arrow { color:#ff8a52; display:flex; align-items:center; justify-content:center; padding:2px 0 4px; }
.mx-insight-arrow svg { width:15px; height:15px; display:block; }
.mx-insight-save { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:7px; padding:9px 10px; border-radius:9px; background:rgba(74,222,128,.07); border:0; color:#b8f6cc; font-size:12px; font-weight:900; }
.mx-insight-save b { color:#4ade80; font-size:18px; letter-spacing:-.03em; }
.mx-showcase {
  position:relative; overflow:hidden; min-height:300px; margin-top:32px; border:0; border-radius:18px;
  background:radial-gradient(circle at 70% 34%, rgba(255,122,69,.10), transparent 34%), linear-gradient(145deg, rgba(16,24,36,.94), rgba(8,13,20,.98));
  box-shadow:none;
}
.mx-showcase-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.mx-showcase::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(7,11,17,.96) 0%, rgba(7,11,17,.78) 34%, rgba(7,11,17,.34) 68%, rgba(7,11,17,.74) 100%); }
.mx-showcase-content { position:absolute; z-index:4; left:26px; top:26px; }
.mx-showcase h2 { color:#fff; font-size:36px; line-height:1.04; letter-spacing:-.035em; margin:7px 0 8px; }
.mx-showcase p { display:none; }
.mx-showcase-price { color:#4ade80; font-size:23px; font-weight:950; letter-spacing:-.03em; }
.mx-stack-stage { position:absolute; z-index:3; inset:26px 24px 30px 286px; display:flex; align-items:center; justify-content:center; display: none;}
.mx-stack-card {
  position:absolute; width:min(430px,52vw); height:196px; border-radius:18px; overflow:hidden; text-decoration:none; color:#fff;
  border:1px solid rgba(255,255,255,.12); background:#101824; box-shadow:0 26px 70px rgba(0,0,0,.46);
  transition:transform .25s ease, filter .25s ease, opacity .25s ease, border-color .2s ease;
}
.mx-stack-card:hover { border-color:rgba(255,122,69,.45); }
.mx-stack-card img { width:100%; height:100%; object-fit:cover; display:block; }
.mx-stack-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.78) 100%); }
.mx-stack-card-main { z-index:5; transform:translateX(0) scale(1); }
.mx-stack-card-left-1 { z-index:4; transform:translateX(-250px) scale(.88); opacity:.72; filter:saturate(.78) brightness(.72); }
.mx-stack-card-left-2 { z-index:3; transform:translateX(-390px) scale(.78); opacity:.42; filter:saturate(.55) brightness(.56); }
.mx-stack-card-right-1 { z-index:4; transform:translateX(250px) scale(.88); opacity:.72; filter:saturate(.78) brightness(.72); }
.mx-stack-card-right-2 { z-index:3; transform:translateX(390px) scale(.78); opacity:.42; filter:saturate(.55) brightness(.56); }
.mx-stack-hud { position:absolute; z-index:2; left:18px; right:18px; bottom:16px; display:flex; align-items:flex-end; justify-content:space-between; gap:14px; }
.mx-stack-title { max-width:62%; font-weight:950; font-size:17px; line-height:1.08; text-shadow:0 2px 14px rgba(0,0,0,.9); }
.mx-stack-price { display:flex; align-items:center; gap:8px; color:#ffb13b; font-size:22px; font-weight:950; white-space:nowrap; text-shadow:0 2px 14px rgba(0,0,0,.85); }
.mx-stack-cut {
    padding: 5px 8px;
    border-radius: 9px;
    background: #212121;
    color: #d3d3d3;
    font-size: 13px;
    font-weight: 950;
}
.mx-showcase .mx-btn-primary { padding:10px 13px; font-size:13px; box-shadow:none; }
.mx-showcase-dots { position:absolute; z-index:5; left:26px; bottom:16px; display:flex; gap:6px; }
.mx-showcase-dots a { width:7px; height:7px; border-radius:99px; background:rgba(255,255,255,.22); display:block; cursor:pointer; transition:width .16s ease, background .16s ease, transform .16s ease; }
.mx-showcase-dots a.is-active { width:22px; background:#ff7a45; }
.mx-showcase-dots a:hover { background:#ff9b68; transform:translateY(-1px); }
.mx-categories { margin-top:34px; }
.mx-category-nav { display:flex; align-items:center; gap:14px; }
.mx-categories h2 { flex:0 0 auto; color:#fff; margin:0; font-size:18px; letter-spacing:-.02em; }
.mx-categories p { display:none; }
.mx-cat-grid { display:flex; flex:1; flex-wrap:wrap; align-items:center; gap:6px; }
.mx-cat-card {
  flex:0 0 auto; min-height:38px; display:flex; align-items:center; gap:7px; border-radius:8px; padding:5px 8px;
  border:1px solid transparent; background:transparent;
  color:#fff; text-decoration:none; transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.mx-cat-card:hover { border-color:rgba(255,122,69,.24); background:rgba(255,122,69,.04); box-shadow:0 0 18px rgba(255,122,69,.06); }
.mx-cat-icon {
  width:24px; height:24px; flex:0 0 24px; display:inline-flex; align-items:center; justify-content:center; border-radius:7px;
  color:#ff9b68; background:rgba(255,122,69,.06); border:1px solid transparent;
}
.mx-cat-icon svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.mx-cat-card:nth-child(6n+2) .mx-cat-icon { color:#e7b66b; background:rgba(231,182,107,.06); }
.mx-cat-card:nth-child(6n+3) .mx-cat-icon { color:#dd7883; background:rgba(221,120,131,.06); }
.mx-cat-card:nth-child(6n+4) .mx-cat-icon { color:#78b8e8; background:rgba(120,184,232,.06); }
.mx-cat-card:nth-child(6n+5) .mx-cat-icon { color:#71c8c5; background:rgba(113,200,197,.06); }
.mx-cat-card:nth-child(6n+6) .mx-cat-icon { color:#a6cc7b; background:rgba(166,204,123,.06); }
.mx-cat-label { min-width:0; display:block; }
.mx-cat-card b { display:block; font-size:12px; line-height:1.15; letter-spacing:0; }
.mx-cat-count { display:none; }
.mx-category-all { flex:0 0 auto; color:#aeb8c8; font-size:12px; font-weight:800; text-decoration:none; white-space:nowrap; }
.mx-category-all:hover { color:#ff9b68; }
.mx-section { margin-top:34px; }
.mx-section-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:16px; }
.mx-section h2 { color:#fff; margin:0; font-size:21px; letter-spacing:-.025em; }
.mx-section p { color:#8f96a3; margin:5px 0 0; font-size:14px; }
.mx-offer-rail {
  position:relative; margin-right:-28px; padding-right:28px; overflow:hidden;
}
.mx-offer-rail::after {
  content:""; position:absolute; z-index:2; right:0; top:0; bottom:10px; width:86px; pointer-events:none;
}
.mx-offer-grid {
  display:flex; gap:18px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory;
  padding:0 98px 10px 2px; scrollbar-width:none;
}
.mx-offer-grid::-webkit-scrollbar { display:none; }
.mx-offer-card {
  display:block; overflow:hidden; border-radius:14px; text-decoration:none; flex:0 0 347px; scroll-snap-align:start;
  background:#101722;
  border:0px solid rgba(255,255,255,.095); transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.mx-offer-card:hover { transform:translateY(-4px); border-color:rgba(255,122,69,.34); box-shadow:0 18px 42px rgba(0,0,0,.24); }
.mx-offer-thumb { position:relative; background:#111926; overflow:hidden; }
.mx-offer-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .24s ease, opacity .24s ease; }
.mx-offer-card:hover .mx-offer-thumb img { transform:scale(1.045); opacity:.96; }
.mx-discount { position:absolute; left:10px; bottom:9px; background:#ff6f35; color:#1a0e06; font-weight:900; font-size:12px; padding:4px 7px; border-radius:6px; }
.mx-edition-badge {
    position: absolute;
    z-index: 4;
    top: 10px;
    left: 10px;
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    border: 0px solid rgb(61 61 61 / 89%);
    background: rgb(39 39 39 / 47%);
    color: #91918b;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .045em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .08);
    text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
}
.mx-edition-badge.is-standard { border-color:rgba(255,255,255,.16); background:rgba(8,13,20,.78); color:#cbd6e8; }
.mx-offer-body { padding:0; }
.mx-offer-name { color:#f0f2f5; font-size:13px; font-weight:720; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mx-offer-meta { display:flex; align-items:center; gap:6px; color:#8f96a3; font-size:12px; margin-top:6px; min-width:0; }
.mx-offer-shop { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mx-card-hud {
  display:grid; grid-template-columns:minmax(84px,auto) minmax(0,1fr) auto; grid-template-areas:"shop spacer price" "detail detail detail";
  column-gap:12px; row-gap:5px; align-items:center;
  min-height:64px; padding:8px 10px 8px; background:linear-gradient(180deg, rgb(12 15 18 / 98%), rgb(20 28 43 / 98%));
  border-top:0px solid rgba(255,255,255,.08);
}
.mx-card-hud-left { grid-area:shop; min-width:0; display:flex; align-items:center; gap:5px; color:#f1f4f8; font-size:11px; font-weight:950; text-transform:lowercase; padding:1px 0; }
.mx-card-hud-shop { max-width:112px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mx-card-shop-logo { display:inline-flex; align-items:center; justify-content:flex-start; max-width:96px; min-width:42px; height:18px; overflow:hidden; }
.mx-card-shop-logo img { display:block; max-width:88px; max-height:18px; object-fit:contain; object-position:left center; opacity:.98; }
.mx-card-shop-fallback { display:none; max-width:112px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mx-logo-missing .mx-card-shop-fallback { display:inline; }
.mx-store-steam img,
.mx-store-gog img,
.mx-store-epic img,
.mx-store-ubisoft img,
.mx-store-rockstar img,
.mx-store-ea img,
.mx-store-microsoft img,
.mx-store-battlenet img { filter:grayscale(1) invert(1) brightness(1.07) contrast(1.08); }
.mx-store-nuuvem img { max-width:78px; max-height:17px; }
.mx-store-instantgaming img { max-width:92px; max-height:18px; }
.mx-store-greenmangaming img { max-width:88px; max-height:18px; min-width: 70px; }
.mx-store-gamebillet img { max-width:82px; max-height:18px; }
.mx-store-gamersgate img { max-width:92px; max-height:18px; }
.mx-card-hud-spacer { grid-area:spacer; min-width:0; }
.mx-card-hud-right { display:flex; align-items:center; gap:5px; justify-content:flex-end; min-width:0; }
.mx-card-cut {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:50px; border-radius:8px; padding:9px 8px; background:#edf1f6; color:#111820;
  font-size:13px; font-weight:950; line-height:1;
}
.mx-card-cut-empty { visibility:hidden; }
.sx-activation-badge { display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
    max-width: 100%;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 1036px;
    padding: 2px 1px 3px 0px;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: .01em;
    color: #dfe4ec;
    background: rgba(255, 255, 255, .055);
    vertical-align: middle;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07); }
.sx-act-mark { display:inline-flex; align-items:center; justify-content:center; min-width:17px; height:17px; border-radius:999px; color:#061018; background:rgba(255,255,255,.9); font-size:9px; font-weight:950; letter-spacing:-.02em; }
.sx-act-label { white-space:nowrap; }
.sx-act-steam { color:#dff2ff; border-color:rgba(102,192,244,.34); background:linear-gradient(135deg, rgba(28,85,124,.34), rgba(102,192,244,.10)); }
.sx-act-steam .sx-act-mark { background:#66c0f4; color:#071019; }
.sx-act-gog { color: #f3e2ff;
    border-color: rgba(145, 82, 196, .38);
    background: linear-gradient(135deg, rgb(91 48 137 / 84%), rgba(145, 82, 196, .11)); }
.sx-act-gog .sx-act-mark { background:#9152c4; color:#fff; }
.sx-act-rockstar { color:#ffe7a6; border-color:rgba(255,196,66,.42); background:linear-gradient(135deg, rgba(138,91,16,.34), rgba(255,196,66,.12)); }
.sx-act-rockstar .sx-act-mark { background:#ffc442; color:#1a1000; }
.sx-act-ea { color:#ffd7d0; border-color:rgba(255,87,76,.34); background:linear-gradient(135deg, rgba(145,43,37,.32), rgba(255,87,76,.11)); }
.sx-act-ea .sx-act-mark { background:#ff574c; color:#fff; }
.sx-act-ubisoft { color:#dcecff; border-color:rgba(70,144,255,.34); background:linear-gradient(135deg, rgba(27,75,145,.34), rgba(70,144,255,.10)); }
.sx-act-ubisoft .sx-act-mark { background:#4690ff; color:#fff; }
.sx-act-epic { color:#f2f3f5; border-color:rgba(255,255,255,.20); background:linear-gradient(135deg, rgba(22,24,28,.72), rgba(255,255,255,.07)); }
.sx-act-epic .sx-act-mark { background:#f2f3f5; color:#0d1117; }
.sx-act-microsoft { color:#d6ffe4; border-color:rgba(64,201,103,.34); background:linear-gradient(135deg, rgba(29,111,52,.34), rgba(64,201,103,.10)); }
.sx-act-microsoft .sx-act-mark { background:#40c967; color:#051208; }
.sx-act-battlenet { color:#d7f5ff; border-color:rgba(69,196,255,.34); background:linear-gradient(135deg, rgba(24,78,112,.34), rgba(69,196,255,.10)); }
.sx-act-battlenet .sx-act-mark { background:#45c4ff; color:#041018; }
.sx-act-other { color:#e5e8ef; border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.07); }
.sx-act-check { color:#d6c7ad; border-color:rgba(255,190,110,.28); background:linear-gradient(135deg, rgba(105,72,36,.30), rgba(255,190,110,.08)); }
.sx-act-check .sx-act-mark { background:#c7a16b; color:#17100a; }
.sx-activation-meta { display:inline-flex; align-items:center; gap:6px; color:#7f8794; min-width:0;     margin-right: 10px; }
.sx-activation-prefix { color:#7f8794; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.05em; }
.sx-activation-badge-compact { transform:scale(.78); transform-origin:left center; opacity:.9; }
.sx-activation-badge-compact .sx-act-label { display:none; }
.sx-act-mark { min-width:22px; width:22px; height:16px; padding:0; border-radius:0; background:transparent !important; color:inherit; }
.sx-act-logo { display:block; width:22px; height:22px; object-fit:contain; filter:grayscale(1) invert(1) brightness(1.05) contrast(1.08); opacity:.96; }
.sx-act-steam { --sx-logo-w:18px; --sx-logo-h:16px; }
.sx-act-gog { --sx-logo-w:18px; --sx-logo-h:16px; }
.sx-act-epic { --sx-logo-w:18px; --sx-logo-h:16px; }
.sx-act-ea { --sx-logo-w:22px; --sx-logo-h:14px; }
.sx-act-battlenet { --sx-logo-w:22px; --sx-logo-h:16px; }
.sx-act-check { color:#c9ced8; border-color:rgba(255,255,255,.15); background:rgba(255,255,255,.055); padding:4px 8px; }
.sx-act-check .sx-act-label { font-size:10px; }
.sx-act-check.sx-activation-badge-compact .sx-act-label { display:inline; font-size:9px; }
.mx-offer-price { color:#4ade80; font-size:18px; font-weight:900; margin-top:8px; }
.mx-mini-economy { grid-area:price; min-width:0; text-align:right; }
.mx-mini-old { display:block; color:#9a9fa9; font-size:12px; font-weight:800; line-height:1; white-space:nowrap; text-decoration:line-through; }
.mx-mini-now { display:block; color:#ffb347; font-size:19px; font-weight:950; white-space:nowrap; line-height:1.05; margin-top:2px; letter-spacing:-.035em; }
.mx-card-detail {
  grid-area:detail; display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0;
  margin:3px -10px -8px; padding:7px 10px 8px;
  color:#b7c1d0; font-size:12px; line-height:1.2;
  background:linear-gradient(90deg, rgba(42,55,74,.78), rgba(22,29,41,.94));
  border-top:0px solid rgba(255,255,255,.085);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.mx-card-ref { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mx-card-ref b { color:#dce2eb; font-weight:850; }
.mx-card-save { color:#4ade80; font-weight:950; white-space:nowrap; }
.mx-mini-save { display:none; }
.mx-discount-rail { display:grid; grid-template-columns:0.81fr 1fr; gap:14px; }
.mx-discount-feature, .mx-discount-mini {
  display:flex; flex-direction:column; position:relative; overflow:hidden; border-radius:16px; text-decoration:none;
  min-height:180px; border:0px solid rgba(255,255,255,.095);
  background:#111926;
}
.mx-discount-feature, .mx-discount-mini { transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.mx-discount-feature:hover, .mx-discount-mini:hover { transform:translateY(-3px); border-color:rgba(255,122,69,.28); box-shadow:0 20px 54px rgba(0,0,0,.28); }
.mx-discount-media { position:relative; flex:1 1 auto; min-height:0; overflow:hidden; background:#111926; }
.mx-discount-feature .mx-discount-media { min-height:300px; }
.mx-discount-mini .mx-discount-media { min-height:124px; }
.mx-discount-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.88; transition:transform .22s ease, opacity .22s ease; }
.mx-discount-feature:hover .mx-discount-media img, .mx-discount-mini:hover .mx-discount-media img { transform:scale(1.035); opacity:.96; }
.mx-discount-media::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 42%, rgba(6,10,16,.88) 100%), linear-gradient(90deg, rgba(6,10,16,.34), transparent 62%);
}
.mx-discount-title { position:absolute; z-index:2; left:14px; right:14px; bottom:12px; color:#fff; font-weight:950; line-height:1.08; text-shadow:0 2px 14px rgba(0,0,0,.9); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mx-discount-feature .mx-discount-title { font-size:19px; }
.mx-discount-mini .mx-discount-title { font-size:13px; }
.mx-discount-stack { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.mx-discount-mini { min-height:188px; }
.mx-discount-mini .mx-card-hud { min-height:45px; padding:7px 8px; column-gap:8px; }
.mx-discount-mini .mx-mini-now { font-size:17px; }
.mx-discount-mini .mx-mini-old { font-size:10px; }
.mx-discount-mini .mx-card-detail { display:none; }
.mx-empty { border:1px dashed rgba(255,255,255,.14); border-radius:14px; padding:24px; color:#9da3ae; background:rgba(255,255,255,.025); }
.mx-offers-page { padding-bottom:70px; }
.mx-offers-hero {
  position:relative; overflow:hidden; border:0px solid rgba(255,255,255,.075);
  border-radius:22px; padding:46px 52px; min-height:220px;
  background:
    linear-gradient(90deg, rgba(11,17,25,.98) 0%, rgba(11,17,25,.9) 45%, rgba(11,17,25,.42) 100%),
    var(--offers-bg, radial-gradient(circle at 78% 20%, rgba(255,122,69,.18), transparent 40%));
  background-size:cover; background-position:center;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.mx-offers-hero h1 { margin:10px 0 10px; font-size:clamp(40px, 5vw, 72px); line-height:.93; letter-spacing:-.06em; max-width:620px; }
.mx-offers-hero p { margin:0; max-width:560px; color:#b9c5d6; font-size:17px; line-height:1.6; }
.mx-offers-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:24px; margin-top:28px; align-items:start; }
.mx-filter-check { position:absolute; opacity:0; pointer-events:none; }
.mx-filter-toggle-label { display:none; }
.mx-filter-backdrop { display:none; }
.mx-filter-close { display:none; }
.mx-filter-panel {
  position:sticky; top:18px; border:0px solid rgba(255,255,255,.08); border-radius:18px;
  background:linear-gradient(180deg, rgba(17,28,42,.82), rgba(11,17,25,.72));
  padding:18px; box-shadow:0 18px 46px rgba(0,0,0,.24);
}
.mx-filter-title { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; }
.mx-filter-title b { color:#f7f8fb; font-size:15px; text-transform:uppercase; letter-spacing:.08em; }
.mx-filter-title a { color:#ff7a45; font-size:12px; font-weight:800; text-decoration:none; }
.mx-filter-group { padding:16px 0; border-top:1px solid rgba(255,255,255,.06); }
.mx-filter-group:first-of-type { border-top:0; padding-top:0; }
.mx-filter-group strong { display:block; margin-bottom:10px; color:#8290a4; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.mx-filter-link {
  display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:30px; padding:7px 10px;
  border:1px solid transparent; border-radius:10px; color:#c7d2e3; text-decoration:none; font-weight:750; font-size:13px;
}
.mx-filter-link span { color:#748197; font-size:11px; font-weight:800; }
.mx-filter-link:hover { background:rgba(255,255,255,.045); border-color:rgba(255,255,255,.08); color:#fff; }
.mx-filter-link.is-active { color:#fff; background:rgba(255,122,69,.13); border-color:transparent; }
.mx-offers-content { min-width:0; }
.mx-offers-title { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.mx-offers-title h2 { margin:0; color:#f7f8fb; font-size:30px; line-height:1.05; letter-spacing:-.04em; }
.mx-offers-title p { margin:6px 0 0; color:#91a0b6; font-size:14px; }
.mx-offers-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mx-offers-grid .mx-offer-card { flex:none; min-width:0; width:auto; }
.mx-offers-grid .mx-offer-thumb { }
.mx-offers-empty { border:1px dashed rgba(255,255,255,.14); border-radius:18px; padding:34px; color:#a7b4c8; background:rgba(255,255,255,.025); }
@media (max-width:1100px){
  .mx-offer-card{flex-basis:320px;}
  .mx-home-hero{min-height:390px; padding:36px;}
  .mx-home-hero-game{min-height:390px;}
  .mx-home-feature-copy{max-width:none;grid-template-columns:minmax(0,1fr) minmax(310px,400px);column-gap:32px;}
  .mx-home-decision{max-width:none;}
  .mx-hero-coverflow{right:-72px;width:600px;height:250px;}
  .mx-hero-card{width:390px;height:210px;}
  .mx-hero-card-right-far{display:none;}
  .mx-hero-card-main{transform:translate(-8%,-50%) scale(1.04);}
  .mx-hero-card-left{transform:translate(-42%,-52%) scale(.92) rotateY(-4deg);}
  .mx-hero-card-left-far{transform:translate(-70%,-54%) scale(.78) rotateY(-7deg);}
  .mx-hero-card-right{transform:translate(-94%,-56%) scale(.66) rotateY(-9deg);}
  .mx-hero-coverflow:hover .mx-hero-card-main,.mx-hero-coverflow:focus-within .mx-hero-card-main{transform:translate(-6%,-50%) scale(1.04);}
  .mx-hero-coverflow:hover .mx-hero-card-left,.mx-hero-coverflow:focus-within .mx-hero-card-left{transform:translate(-50%,-52%) scale(.92) rotateY(-4deg);}
  .mx-hero-coverflow:hover .mx-hero-card-left-far,.mx-hero-coverflow:focus-within .mx-hero-card-left-far{transform:translate(-82%,-54%) scale(.78) rotateY(-7deg);}
  .mx-hero-coverflow:hover .mx-hero-card-right,.mx-hero-coverflow:focus-within .mx-hero-card-right{transform:translate(-108%,-56%) scale(.66) rotateY(-9deg);}
  .mx-showcase{min-height:360px;}
  .mx-showcase-content{width:330px;}
  .mx-stack-stage{inset:50px 24px 42px 310px;}
  .mx-stack-card{width:420px;height:220px;}
  .mx-stack-card-left-1{transform:translateX(-190px) scale(.86);}
  .mx-stack-card-left-2{transform:translateX(-300px) scale(.76);}
  .mx-stack-card-right-1{transform:translateX(190px) scale(.86);}
  .mx-stack-card-right-2{transform:translateX(300px) scale(.76);}
}
@media (max-width:720px){
  .mx-home{width:calc(100% - 24px); padding-top:16px;}
  .mx-home-hero{padding:28px; min-height:300px;}
  .mx-home-hero-game{display:block; min-height:0;}
  .mx-home-feature-copy{display:block;max-width:none;}
  .mx-home-logo{max-width:260px;max-height:72px;margin:10px 0 8px;}
  .mx-home-sub{font-size:14px;}
  .mx-home-decision{margin-top:20px;padding:14px;}
  .mx-home-decision-title{display:block;}
  .mx-home-decision-title span{display:block;margin-top:4px;}
  .mx-home-price-row strong{font-size:16px;}
  .mx-hero-coverflow{position:relative; right:auto; top:auto; width:100%; height:210px; transform:none; margin-top:22px;}
  .mx-hero-card{width:82vw; max-width:360px; height:190px;}
  .mx-hero-card-left-far,.mx-hero-card-right-far{display:none;}
  .mx-hero-card-main{transform:translate(-30%,-50%) scale(1);}
  .mx-hero-card-left{transform:translate(-56%,-52%) scale(.86) rotateY(0);}
  .mx-hero-card-right{transform:translate(-78%,-54%) scale(.72) rotateY(0);}
  .mx-hero-coverflow:hover .mx-hero-card-main,.mx-hero-coverflow:focus-within .mx-hero-card-main{transform:translate(-28%,-50%) scale(1);}
  .mx-hero-coverflow:hover .mx-hero-card-left,.mx-hero-coverflow:focus-within .mx-hero-card-left{transform:translate(-64%,-52%) scale(.86) rotateY(0);}
  .mx-hero-coverflow:hover .mx-hero-card-right,.mx-hero-coverflow:focus-within .mx-hero-card-right{transform:translate(-92%,-54%) scale(.72) rotateY(0);}
  .mx-featured-card{width:auto; margin-top:24px; text-align:left;}
  .mx-featured-price{justify-content:flex-start;}
  .mx-trust{grid-template-columns:1fr;}
  .mx-economy{grid-template-columns:1fr;}
  .mx-economy-board{border-left:0;border-top:1px solid rgba(255,255,255,.06);}
  .mx-radar{grid-template-columns:1fr;}
  .mx-radar-panel{border-right:0;border-bottom:1px solid rgba(255,255,255,.06);}
  .mx-radar-head{display:none;}
  .mx-radar-row{grid-template-columns:1fr; gap:8px;}
  .mx-radar-price,.mx-radar-save{text-align:left;}
  .mx-insight-banner{grid-template-columns:1fr;}
  .mx-insight-copy{padding:26px 24px 0;}
  .mx-insight-board{margin:0 24px 24px;}
  .mx-showcase{min-height:auto; padding:24px; overflow:hidden;}
  .mx-showcase-content{position:relative; left:auto; top:auto; width:auto; max-width:none;}
  .mx-stack-stage{position:relative; inset:auto; min-height:230px; margin-top:20px; overflow:visible;}
  .mx-stack-card{width:82vw; max-width:360px; height:200px;}
  .mx-stack-card-main{transform:translateX(0) scale(1);}
  .mx-stack-card-left-1,.mx-stack-card-left-2{transform:translateX(-120px) scale(.82);}
  .mx-stack-card-right-1,.mx-stack-card-right-2{transform:translateX(120px) scale(.82);}
  .mx-stack-card-left-2,.mx-stack-card-right-2{display:none;}
  .mx-showcase-dots{left:24px;bottom:18px;}
  .mx-category-nav{align-items:flex-start; flex-wrap:wrap; gap:8px 12px;}
  .mx-cat-grid{flex-basis:100%; order:3; gap:5px;}
  .mx-category-all{margin-left:auto;}
  .mx-discount-rail{grid-template-columns:1fr;}
  .mx-discount-stack{grid-template-columns:1fr;}
  .mx-offer-rail{margin-right:-12px;padding-right:12px;}
  .mx-offer-rail::after{width:42px;}
  .mx-offer-grid{padding-right:54px;}
  .mx-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mx-offers-layout{grid-template-columns:1fr;}
  .mx-filter-toggle-label{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    min-height:48px; padding:0 16px; margin-top:20px; border-radius:14px;
    border:1px solid rgba(255,122,69,.28); background:linear-gradient(145deg, rgba(255,122,69,.16), rgba(17,28,42,.82));
    color:#fff; font-weight:900; cursor:pointer; box-shadow:0 16px 34px rgba(0,0,0,.20);
  }
  .mx-filter-toggle-label span{color:#9da8ba; font-size:12px; font-weight:800;}
  .mx-filter-toggle-label::after{content:"Abrir"; color:#ff9b68; font-size:12px; text-transform:uppercase; letter-spacing:.08em;}
  .mx-filter-check:checked + .mx-filter-toggle-label::after{content:"Fechar";}
  .mx-filter-backdrop{
    display:block; position:fixed; inset:0; z-index:80; background:rgba(0,0,0,.62);
    opacity:0; pointer-events:none; transition:opacity .18s ease;
  }
  .mx-filter-check:checked + .mx-filter-toggle-label + .mx-filter-backdrop{opacity:1; pointer-events:auto;}
  .mx-filter-panel{
    position:fixed; z-index:90; left:0; top:0; bottom:0; width:min(300px,88vw); overflow:auto;
    border-radius:0; border-width:0 1px 0 0; border-color:rgba(255,255,255,.10);
    background:#0b121c; padding:28px 22px; box-shadow:24px 0 60px rgba(0,0,0,.52);
    transform:translateX(-104%); transition:transform .2s ease;
  }
  .mx-filter-check:checked + .mx-filter-toggle-label + .mx-filter-backdrop + .mx-offers-layout .mx-filter-panel{transform:translateX(0);}
  .mx-filter-title{margin-bottom:20px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.10);}
  .mx-filter-title b{font-size:18px; color:#c8d8ff;}
  .mx-filter-close{
    display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:999px;
    color:#c8d8ff; font-size:26px; line-height:1; cursor:pointer;
  }
  .mx-filter-title a{margin-left:auto;}
  .mx-filter-group{padding:18px 0; border-top:0;}
  .mx-filter-group strong{color:#8b96ab; margin-bottom:14px;}
  .mx-filter-link{justify-content:flex-start; gap:10px; padding:6px 0; min-height:28px; border:0; border-radius:0; background:transparent;}
  .mx-filter-link::before{
    content:""; width:14px; height:14px; flex:0 0 14px; border-radius:999px; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.35) inset;
  }
  .mx-filter-group:nth-of-type(n+3) .mx-filter-link::before{border-radius:2px;}
  .mx-filter-link.is-active{background:transparent; border-color:transparent; color:#fff;}
  .mx-filter-link.is-active::before{background:#ff7a45; box-shadow:0 0 0 2px #0b121c inset, 0 0 0 1px #ff7a45;}
  .mx-offers-grid{grid-template-columns:1fr;}
  .mx-offers-title{align-items:flex-start; flex-direction:column;}
  .mx-offers-hero{padding:34px 28px;}
}
@media (prefers-reduced-motion: reduce){
  .mx-btn,
  .mx-trust-card,
  .mx-radar-row,
  .mx-radar-thumb img,
  .mx-showcase-bg,
  .mx-stack-card,
  .mx-stack-card img,
  .mx-cat-card,
  .mx-offer-card,
  .mx-offer-thumb img,
  .mx-discount-feature,
  .mx-discount-mini,
  .mx-discount-feature img,
  .mx-discount-mini img {
    transition:none !important;
    transform:none !important;
  }
}

/* Home assembly v7 discovery */
.home-assembly-page .mx-home,
.mx-home {
  --bg: #070d14;
  --bar: rgba(11, 16, 24, .74);
  --bay: rgba(5, 10, 16, .52);
  --surface: #0f1824;
  --strip: #08111c;
  --text: #f7f9fc;
  --muted: #9cb0c5;
  --purple: #8b3dff;
  --orange: #ff7a32;
  --green: #39c87a;
  --green-soft: #8ee7b8;
  --yellow: #ffc43d;
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
  letter-spacing: 0;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 22px 56px;
  width: auto;
}

.home-assembly-page .mx-home a,
.mx-home a {
  color: inherit;
  text-decoration: none;
}

.home-assembly-page .mx-home .hero,
.mx-home .hero {
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  box-shadow:
    0 24px 70px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(255,255,255,.03);
  margin-top: 18px;
  min-height: 354px;
  overflow: hidden;
  position: relative;
}

.home-assembly-page .mx-home .hero::before,
.mx-home .hero::before {
  background: linear-gradient(90deg, rgba(4,8,18,.92) 0%, rgba(4,8,18,.72) 28%, rgba(4,8,18,.20) 52%, transparent 68%);
  content: "";
  inset: 0;
  position: absolute;
}

.home-assembly-page .mx-home .hero::after,
.home-assembly-page .mx-home .section-feature::after,
.home-assembly-page .mx-home .economy-banner::after,
.mx-home .hero::after,
.mx-home .section-feature::after,
.mx-home .economy-banner::after {
  background: linear-gradient(90deg, transparent, rgb(227 110 48), transparent);
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  right: 22px;
  width: 230px;
  z-index: 5;
}

.home-assembly-page .mx-home .right-signature,
.mx-home .right-signature {
  display: none;
}

.home-assembly-page .mx-home .hero-inner,
.mx-home .hero-inner {
  align-items: end;
  display: grid;
  grid-template-columns: minmax(450px, 36%) minmax(0, 1fr);
  min-height: 354px;
  padding: 34px;
  position: relative;
  z-index: 2;
}

.home-assembly-page .mx-home .kicker,
.mx-home .kicker {
  color: var(--orange);
  display: block;
  font-size: 11px;
  font-weight: 950;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.home-assembly-page .mx-home .hero h1,
.mx-home .hero h1 {
  font-size: 38px;
  font-weight: 950;
  line-height: 1.02;
  margin: 0 0 13px;
  max-width: 390px;
}

.home-assembly-page .mx-home .hero p,
.mx-home .hero p {
  color: #d8e2ef;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;
  margin: 0 0 18px;
  max-width: 390px;
}

.home-assembly-page .mx-home .deal-row,
.home-assembly-page .mx-home .row,
.mx-home .deal-row,
.mx-home .row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.home-assembly-page .mx-home .button,
.mx-home .button {
  align-items: center;
  border-radius: 7px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 950;
  justify-content: center;
  min-height: 36px;
  padding: 0 15px;
  text-transform: uppercase;
  white-space: nowrap;
}

.home-assembly-page .mx-home .button-primary,
.mx-home .button-primary {
  background: linear-gradient(180deg, #ff8646, #ec5f25);
  box-shadow: 0 14px 28px rgba(255,122,50,.16), inset 0 1px 0 rgba(255,255,255,.18);
  color: #160a04;
}

.home-assembly-page .mx-home .button-secondary,
.mx-home .button-secondary {
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.05);
  color: #f4f8fd;
}

.home-assembly-page .mx-home .discount,
.mx-home .discount {
  background: linear-gradient(180deg, #55ef65, #12ad23);
  border-radius: 5px;
  color: #071207;
  font-size: 13px;
  font-weight: 950;
  padding: 7px 9px;
}

.home-assembly-page .mx-home .mini-price strong,
.mx-home .mini-price strong {
  color: #fff;
  font-size: 20px;
  font-weight: 950;
}

.home-assembly-page .mx-home .mini-price s,
.mx-home .mini-price s {
  color: rgba(255,255,255,.42);
  font-size: 12px;
  font-weight: 850;
  margin-left: 7px;
}

.home-assembly-page .mx-home .store,
.mx-home .store {
  color: var(--muted);
  display: block;
  font-size: 10px;
  font-weight: 800;
  margin-top: 2px;
  text-transform: uppercase;
}

.home-assembly-page .mx-home .slider-dots,
.mx-home .slider-dots {
  align-items: center;
  bottom: 20px;
  display: flex;
  gap: 7px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 6;
}

.home-assembly-page .mx-home .slider-dots span,
.mx-home .slider-dots span {
  background: rgba(255,255,255,.34);
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.home-assembly-page .mx-home .slider-dots .is-active,
.mx-home .slider-dots .is-active {
  background: rgb(227 110 48);
  box-shadow: 0 0 14px rgba(139,61,255,.45);
  width: 22px;
}

.home-assembly-page .mx-home .hero-separator,
.mx-home .hero-separator {
  align-items: center;
  background:
    linear-gradient(180deg, rgba(14,23,34,.58), rgba(8,15,24,.48));
  border-radius: 9px;
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(139,61,255,.12);
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 14px 0;
  min-height: 54px;
  overflow: hidden;
  position: relative;
}

.home-assembly-page .mx-home .hero-separator::after,
.mx-home .hero-separator::after {
  background: linear-gradient(90deg, transparent, rgb(227 110 48), transparent);
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  right: 18px;
  width: 190px;
}

.home-assembly-page .mx-home .hero-signal,
.mx-home .hero-signal {
  align-items: center;
  color: #c2d0df;
  display: flex;
  gap: 10px;
  min-width: 0;
  padding: 0 16px;
}

.home-assembly-page .mx-home .hero-signal + .hero-signal,
.mx-home .hero-signal + .hero-signal {
  box-shadow: inset 1px 0 0 rgba(255,255,255,.045);
}

.home-assembly-page .mx-home .hero-signal svg,
.mx-home .hero-signal svg {
  color: var(--orange);
  flex: 0 0 auto;
  height: 21px;
  opacity: .86;
  width: 21px;
}

.home-assembly-page .mx-home .hero-signal strong,
.mx-home .hero-signal strong {
  color: #f2f7fd;
  display: block;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.05;
  white-space: nowrap;
}

.home-assembly-page .mx-home .hero-signal span,
.mx-home .hero-signal span {
  color: #8fa1b6;
  display: block;
  font-size: 11px;
  font-weight: 750;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-assembly-page .mx-home .radar-compact,
.mx-home .radar-compact {
  background: rgba(14,23,34,.66);
  border-radius: 12px;
  box-shadow: 0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045);
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  margin-top: 16px;
  overflow: hidden;
  position: relative;
}

.home-assembly-page .mx-home .radar-compact::after,
.mx-home .radar-compact::after {
  background: linear-gradient(90deg, transparent, rgb(227 110 48), transparent);
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  right: 24px;
  width: 260px;
}

.home-assembly-page .mx-home .radar-copy,
.mx-home .radar-copy {
  background: radial-gradient(circle at 18% 0%, rgb(255 61 61 / 8%), transparent 28%), linear-gradient(180deg, rgba(14, 23, 34, .56), rgba(10, 17, 26, .40));
  box-shadow: inset -1px 0 0 rgba(255,255,255,.05);
  padding: 24px;
}

.home-assembly-page .mx-home .radar-copy .kicker,
.mx-home .radar-copy .kicker { margin-bottom: 12px; }

.home-assembly-page .mx-home .radar-copy h2,
.mx-home .radar-copy h2 {
  font-size: 30px;
  line-height: 1.04;
  margin: 0 0 14px;
}

.home-assembly-page .mx-home .radar-copy p,
.mx-home .radar-copy p {
  color: var(--muted);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
  margin: 0;
}

.home-assembly-page .mx-home .radar-metric,
.mx-home .radar-metric {
  align-items: end;
  display: flex;
  gap: 14px;
  margin-top: 28px;
}

.home-assembly-page .mx-home .radar-metric span,
.mx-home .radar-metric span {
  color: #edf5fd;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.1;
  max-width: 96px;
}

.home-assembly-page .mx-home .radar-metric strong,
.mx-home .radar-metric strong {
  color: var(--green);
  font-size: 32px;
  font-weight: 950;
  line-height: .95;
}

.home-assembly-page .mx-home .radar-mini-stats,
.mx-home .radar-mini-stats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
}

.home-assembly-page .mx-home .radar-mini,
.mx-home .radar-mini {
  background: rgba(255,255,255,.045);
  border-radius: 9px;
  padding: 12px;
}

.home-assembly-page .mx-home .radar-mini strong,
.mx-home .radar-mini strong {
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 950;
  margin-bottom: 4px;
}

.home-assembly-page .mx-home .radar-mini span,
.mx-home .radar-mini span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.home-assembly-page .mx-home .radar-list,
.mx-home .radar-list {
  display: grid;
  padding: 14px 18px;
}

.home-assembly-page .mx-home .radar-item,
.mx-home .radar-item {
  align-items: center;
  background-image: linear-gradient(90deg, rgba(12,20,31,.82), rgba(12,20,31,.68) 42%, rgba(12,20,31,.88)), var(--art);
  background-position: center;
  background-size: cover;
  border-radius: 8px;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.4fr) 128px 134px 136px;
  min-height: 64px;
  padding: 10px 14px;
}

.home-assembly-page .mx-home .radar-item + .radar-item,
.mx-home .radar-item + .radar-item {
  margin-top: 8px;
}

.home-assembly-page .mx-home .radar-game,
.mx-home .radar-game {
  color: #f2f7fd;
  font-size: 14px;
  font-weight: 950;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-assembly-page .mx-home .radar-game small,
.mx-home .radar-game small {
  color: #94a8bd;
  display: block;
  font-size: 12px;
  font-weight: 750;
  margin-top: 3px;
}

.home-assembly-page .mx-home .radar-store,
.mx-home .radar-store {
  color: #dbe6f3;
  display: grid;
  font-size: 14px;
  font-weight: 900;
  gap: 3px;
}

.home-assembly-page .mx-home .radar-store small,
.mx-home .radar-store small {
  color: #7890a7;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.home-assembly-page .mx-home .radar-save,
.mx-home .radar-save {
  color: var(--green);
  display: grid;
  gap: 3px;
  font-size: 21px;
  font-weight: 950;
  justify-items: end;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
}

.home-assembly-page .mx-home .radar-save small,
.mx-home .radar-save small {
  color: #86a0b8;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 1;
  text-transform: uppercase;
}

.home-assembly-page .mx-home .section,
.mx-home .section {
  margin-top: 34px;
}

.home-assembly-page .mx-home .section-head,
.mx-home .section-head {
  align-items: end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}

.home-assembly-page .mx-home .section-head h2,
.mx-home .section-head h2 {
  font-size: 24px;
  line-height: 1.1;
  margin: 0 0 6px;
}

.home-assembly-page .mx-home .section-head p,
.mx-home .section-head p {
  color: var(--muted);
  font-size: 14px;
  margin: 0;
}

.home-assembly-page .mx-home .section-head a,
.mx-home .section-head a {
  color: #bdd1e8;
  font-size: 13px;
  font-weight: 850;
}

.home-assembly-page .mx-home .feature-grid,
.mx-home .feature-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1.65fr 1fr;
}

.home-assembly-page .mx-home .section-feature,
.home-assembly-page .mx-home .side-card,
.mx-home .section-feature,
.mx-home .side-card {
  background-position: center;
  background-size: cover;
  border-radius: 9px;
  box-shadow: 0 18px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035);
  overflow: hidden;
  position: relative;
}

.home-assembly-page .mx-home .section-feature,
.mx-home .section-feature {
  min-height: 268px;
}

.home-assembly-page .mx-home .section-feature::before,
.home-assembly-page .mx-home .side-card::before,
.mx-home .section-feature::before,
.mx-home .side-card::before {
  background: linear-gradient(180deg, transparent 22%, rgba(8,17,28,.34) 56%, #08111c 100%);
  content: "";
  inset: 0;
  position: absolute;
}

.home-assembly-page .mx-home .feature-copy,
.mx-home .feature-copy {
  bottom: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
  z-index: 2;
}

.home-assembly-page .mx-home .feature-copy h3,
.mx-home .feature-copy h3 {
  font-size: 28px;
  line-height: 1.05;
  margin: 5px 0 8px;
  max-width: 430px;
}

.home-assembly-page .mx-home .feature-copy .price,
.mx-home .feature-copy .price {
  color: var(--yellow);
  font-size: 24px;
  font-weight: 950;
}

.home-assembly-page .mx-home .side-stack,
.mx-home .side-stack {
  display: grid;
  gap: 14px;
}

.home-assembly-page .mx-home .side-card,
.mx-home .side-card {
  min-height: 127px;
}

.home-assembly-page .mx-home .side-card h3,
.mx-home .side-card h3 {
  bottom: 16px;
  font-size: 18px;
  left: 16px;
  margin: 0;
  position: absolute;
  z-index: 2;
}

.home-assembly-page .mx-home .side-meta,
.mx-home .side-meta {
  align-items: center;
  bottom: 14px;
  display: flex;
  gap: 8px;
  left: 16px;
  position: absolute;
  z-index: 2;
}

.home-assembly-page .mx-home .side-card h3.has-meta,
.mx-home .side-card h3.has-meta {
  bottom: 58px;
}

.home-assembly-page .mx-home .side-price,
.mx-home .side-price {
  color: var(--yellow);
  font-size: 18px;
  font-weight: 950;
}

.home-assembly-page .mx-home .feature-actions,
.mx-home .feature-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 12px;
}

.home-assembly-page .mx-home .mini-cta,
.mx-home .mini-cta {
  align-items: center;
  background: rgba(255,255,255,.09);
  border-radius: 7px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  color: #fff;
  display: inline-flex;
  font-size: 11px;
  font-weight: 950;
  min-height: 30px;
  padding: 0 11px;
  text-transform: uppercase;
}

.home-assembly-page .mx-home .feature-old,
.mx-home .feature-old {
  color: rgba(232,238,246,.50);
  font-size: 11px;
  font-weight: 850;
  text-decoration: line-through;
}

.home-assembly-page .mx-home .economy-banner,
.mx-home .economy-banner {
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045);
  display: block;
  min-height: 232px;
  overflow: hidden;
  position: relative;
}

.home-assembly-page .mx-home .economy-banner::before,
.mx-home .economy-banner::before {
  background: linear-gradient(90deg, rgb(4 8 18 / 97%) 0%, rgba(4, 8, 18, .74) 34%, rgb(4 8 18 / 20%) 62%, rgb(4 8 18 / 97%) 100%);
  content: "";
  inset: 0;
  position: absolute;
}

.home-assembly-page .mx-home .banner-inner,
.mx-home .banner-inner {
  align-items: center;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(320px, 1fr) 315px;
  min-height: 232px;
  padding: 28px 30px;
  position: relative;
  z-index: 2;
}

.home-assembly-page .mx-home .economy-banner h3,
.mx-home .economy-banner h3 {
  font-size: 30px;
  line-height: 1.05;
  margin: 0;
  max-width: 590px;
}

.home-assembly-page .mx-home .comparison,
.mx-home .comparison {
  background: rgba(5,10,17,.72);
  border-radius: 10px;
  box-shadow: 0 18px 36px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.055);
  padding: 16px;
}

.home-assembly-page .mx-home .price-line,
.mx-home .price-line {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 42px;
}

.home-assembly-page .mx-home .price-line + .price-line,
.mx-home .price-line + .price-line {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.065);
  margin-top: 4px;
  padding-top: 10px;
}

.home-assembly-page .mx-home .source,
.mx-home .source {
  color: #c6d2df;
  display: grid;
  font-size: 13px;
  font-weight: 850;
}

.home-assembly-page .mx-home .source small,
.mx-home .source small {
  color: #8193a7;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.home-assembly-page .mx-home .value,
.mx-home .value {
  color: #fff;
  font-size: 17px;
  font-weight: 950;
}

.home-assembly-page .mx-home .price-line.best .value,
.mx-home .price-line.best .value {
  color: var(--green);
  font-size: 22px;
}

.home-assembly-page .mx-home .save-box,
.mx-home .save-box {
  align-items: center;
  background: rgba(36,208,94,.13);
  border-radius: 8px;
  color: #c9f7d8;
  display: flex;
  font-size: 13px;
  font-weight: 950;
  justify-content: space-between;
  margin-top: 13px;
  padding: 12px;
}

.home-assembly-page .mx-home .save-box strong,
.mx-home .save-box strong { color: var(--green); font-size: 20px; }

.home-assembly-page .mx-home .card-grid,
.mx-home .card-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-assembly-page .mx-home .compact-card,
.mx-home .compact-card {
  background: var(--surface);
  border-radius: 9px;
  box-shadow: 0 18px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(139,61,255,.18);
  overflow: hidden;
  position: relative;
}

.home-assembly-page .mx-home .compact-card::after,
.mx-home .compact-card::after {
  background: linear-gradient(90deg, transparent, rgb(227 110 48), transparent);
  bottom: 0;
  content: "";
  height: 1px;
  opacity: .62;
  position: absolute;
  right: 18px;
  width: 118px;
}

.home-assembly-page .mx-home .media,
.mx-home .media {
  background: #101824;
  overflow: hidden;
  position: relative;
}

.home-assembly-page .mx-home .media img,
.mx-home .media img {
  display: block;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  width: 100%;
}

.home-assembly-page .mx-home .media::after,
.mx-home .media::after {
  background: linear-gradient(180deg, transparent 20%, rgba(8,17,28,.45) 60%, #08111c 100%);
  content: "";
  inset: 0;
  position: absolute;
}

.home-assembly-page .mx-home .activation,
.mx-home .activation {
  align-items: center;
  background: rgba(3,7,12,.52);
  border-radius: 999px;
  bottom: 14px;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  left: 13px;
  position: absolute;
  width: 24px;
  z-index: 2;
}

.home-assembly-page .mx-home .activation svg,
.mx-home .activation svg {
  height: 16px;
  opacity: .9;
  width: 16px;
}

.home-assembly-page .mx-home .compact-card .activation .sx-activation-badge,
.mx-home .compact-card .activation .sx-activation-badge {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  width: auto;
}

.home-assembly-page .mx-home .compact-card .activation .sx-activation-badge-compact,
.mx-home .compact-card .activation .sx-activation-badge-compact {
  opacity: 1;
  transform: none;
}

.home-assembly-page .mx-home .compact-card .activation .sx-act-mark,
.mx-home .compact-card .activation .sx-act-mark {
  background: transparent !important;
  height: 14px;
  min-width: 18px;
  padding: 0;
  width: 18px;
}

.home-assembly-page .mx-home .compact-card .activation .sx-act-logo,
.mx-home .compact-card .activation .sx-act-logo {
  display: block;
  height: 22px;
  object-fit: contain;
  width: 22px;
}

.home-assembly-page .mx-home .compact-card .activation .sx-act-label,
.mx-home .compact-card .activation .sx-act-label {
  display: none;
}

.home-assembly-page .mx-home .compact-card .activation .sx-act-check .sx-act-label,
.mx-home .compact-card .activation .sx-act-check .sx-act-label {
  display: inline;
  font-size: 8px;
  line-height: 1;
}

.home-assembly-page .mx-home .edition-badge,
.mx-home .edition-badge {
  align-items: center;
  color: rgba(242,247,252,.82);
  display: inline-flex;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.72));
  font-size: 10px;
  font-weight: 900;
  gap: 6px;
  letter-spacing: .06em;
  position: absolute;
  right: 12px;
  text-transform: uppercase;
  top: 12px;
  z-index: 3;
}

.home-assembly-page .mx-home .edition-badge::before,
.mx-home .edition-badge::before {
  background: rgba(242,247,252,.7);
  content: "";
  height: 1px;
  width: 22px;
}

.home-assembly-page .mx-home .deal,
.mx-home .deal {
  align-items: end;
  bottom: 11px;
  display: flex;
  gap: 9px;
  position: absolute;
  right: 12px;
  z-index: 2;
}

.home-assembly-page .mx-home .card-discount,
.mx-home .card-discount {
  background: #eef4fb;
    border-radius: 8px;
    color: #142030;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
    min-width: 43px;
    padding: 8px;
    text-align: center;
}

.home-assembly-page .mx-home .card-price,
.mx-home .card-price { color: var(--yellow); display: block; font-size: 21px; font-weight: 950; line-height: .98; }

.home-assembly-page .mx-home .old,
.mx-home .old { color: rgba(232,238,246,.55); display: block; font-size: 11px; font-weight: 850; text-align: right; text-decoration: line-through; }

.home-assembly-page .mx-home .info-strip,
.mx-home .info-strip {
  align-items: center;
  background: var(--strip);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-height: 38px;
  padding: 9px 12px 10px;
}

.home-assembly-page .mx-home .reference,
.home-assembly-page .mx-home .economy,
.mx-home .reference,
.mx-home .economy {
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.home-assembly-page .mx-home .reference,
.mx-home .reference { color: rgba(184,200,217,.9); overflow: hidden; text-overflow: ellipsis; }

.home-assembly-page .mx-home .economy,
.mx-home .economy { color: var(--green); text-align: right; }

.home-assembly-page .mx-home .chip,
.mx-home .chip {
  align-items: center;
  background: rgba(255,255,255,.045);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(0,0,0,.16);
  color: #c7d3e1;
  display: inline-flex;
  font-size: 12px;
  font-weight: 850;
  min-height: 27px;
  padding: 0 10px;
}

.home-assembly-page .mx-home .chip.is-active,
.mx-home .chip.is-active {
  background: rgba(255,122,50,.075);
  color: #ffd8c5;
}

.home-assembly-page .mx-home .discovery-grid,
.mx-home .discovery-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1.05fr .95fr 1fr;
}

.home-assembly-page .mx-home .mood-card,
.mx-home .mood-card {
  background:
    linear-gradient(180deg, rgba(6,11,18,.14), rgba(6,11,18,.86)),
    var(--art);
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  box-shadow:
    0 18px 38px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(139,61,255,.18);
  min-height: 170px;
  overflow: hidden;
  padding: 22px;
  position: relative;
}

.home-assembly-page .mx-home .mood-card::before,
.mx-home .mood-card::before {
  background: linear-gradient(90deg, rgba(4,8,18,.72), rgba(4,8,18,.18) 56%, rgba(4,8,18,.62));
  content: "";
  inset: 0;
  position: absolute;
}

.home-assembly-page .mx-home .mood-card::after,
.home-assembly-page .mx-home .discovery-panel::after,
.mx-home .mood-card::after,
.mx-home .discovery-panel::after {
  background: linear-gradient(90deg, transparent, rgb(227 110 48), transparent);
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  right: 18px;
  width: 150px;
}

.home-assembly-page .mx-home .mood-card > *,
.mx-home .mood-card > * {
  position: relative;
  z-index: 1;
}

.home-assembly-page .mx-home .mood-card h3,
.mx-home .mood-card h3 {
  font-size: 27px;
  line-height: 1;
  margin: 0 0 8px;
}

.home-assembly-page .mx-home .mood-card p,
.mx-home .mood-card p {
  color: #c5d5e6;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
  margin: 0 0 28px;
  max-width: 300px;
}

.home-assembly-page .mx-home .mood-card .meta-pair,
.mx-home .mood-card .meta-pair {
  bottom: 20px;
  left: 22px;
  position: absolute;
  z-index: 1;
}

.home-assembly-page .mx-home .mood-card .meta-pair span,
.mx-home .mood-card .meta-pair span {
  color: #89a0b7;
  display: block;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.home-assembly-page .mx-home .mood-card .meta-pair strong,
.mx-home .mood-card .meta-pair strong {
  color: var(--green);
  display: block;
  font-size: 17px;
  line-height: 1;
  margin-top: -3px;
}

.home-assembly-page .mx-home .discovery-columns,
.mx-home .discovery-columns {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
}

.home-assembly-page .mx-home .discovery-panel,
.mx-home .discovery-panel {
  background:
    radial-gradient(circle at 18% 0%, rgb(255 61 61 / 8%), transparent 28%), linear-gradient(180deg, rgba(14, 23, 34, .56), rgba(10, 17, 26, .40));
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
  padding: 18px;
  position: relative;
}

.home-assembly-page .mx-home .discovery-panel h3,
.mx-home .discovery-panel h3 { font-size: 22px; margin: 0 0 12px; }

.home-assembly-page .mx-home .mini-radar-row,
.mx-home .mini-radar-row {
  align-items: center;
  background:
    linear-gradient(90deg, rgba(8,17,28,.90), rgba(8,17,28,.68)),
    var(--art);
  background-position: center;
  background-size: cover;
  border-radius: 7px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 48px;
  padding: 9px 12px;
}

.home-assembly-page .mx-home .mini-radar-row + .mini-radar-row,
.mx-home .mini-radar-row + .mini-radar-row { margin-top: 7px; }

.home-assembly-page .mx-home .mini-radar-row strong,
.mx-home .mini-radar-row strong { display: block; font-size: 13px; line-height: 1.15; }

.home-assembly-page .mx-home .mini-radar-row span span,
.mx-home .mini-radar-row span span { color: #9db0c5; display: block; font-size: 11px; font-weight: 800; margin-top: 2px; }

.home-assembly-page .mx-home .mini-radar-row em,
.mx-home .mini-radar-row em { color: var(--green); font-size: 15px; font-style: normal; font-weight: 950; white-space: nowrap; }

.home-assembly-page .mx-home .final-cta,
.mx-home .final-cta {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-assembly-page .mx-home .mini-panel,
.mx-home .mini-panel {
  background: rgba(14,23,34,.76);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  padding: 22px;
}

.home-assembly-page .mx-home .mini-panel h3,
.mx-home .mini-panel h3 { font-size: 24px; margin: 0 0 8px; }

.home-assembly-page .mx-home .mini-panel p,
.mx-home .mini-panel p { color: var(--muted); font-size: 14px; line-height: 1.45; margin: 0 0 18px; }

@media (max-width: 900px) {
  .home-assembly-page .mx-home .banner-inner,
  .home-assembly-page .mx-home .feature-grid,
  .home-assembly-page .mx-home .final-cta,
  .mx-home .banner-inner,
  .mx-home .feature-grid,
  .mx-home .final-cta {
    grid-template-columns: 1fr;
  }
  .home-assembly-page .mx-home .radar-compact,
  .mx-home .radar-compact { grid-template-columns: 1fr; }
  .home-assembly-page .mx-home .card-grid,
  .mx-home .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .home-assembly-page .mx-home,
  .mx-home { padding: 0 5px 56px;
        //min-width: 400px; }
  .home-assembly-page .mx-home .hero-inner,
  .mx-home .hero-inner { grid-template-columns: 1fr; padding: 24px; }
  .home-assembly-page .mx-home .hero h1,
  .mx-home .hero h1 { font-size: 30px; }
  .home-assembly-page .mx-home .radar-item,
  .mx-home .radar-item { grid-template-columns: 1fr; gap: 4px; padding: 12px 12px; }
  .home-assembly-page .mx-home .radar-save,
  .mx-home .radar-save { justify-items: start; text-align: left; }
  .home-assembly-page .mx-home .card-grid,
  .mx-home .card-grid { grid-template-columns: 1fr; }
  .home-assembly-page .mx-home .hero-separator,
  .mx-home .hero-separator { grid-template-columns: 1fr; padding: 12px 0px; }







  .mx-home .radar-copy { padding: 10px;}
  .mx-home .radar-list { padding: 14px 0px;}
  .mx-home .section-head h2 { font-size: 21px;}
  .mx-home .section-head { align-items: initial; }
  .mx-home .section-head a { color: #e3c651;}


  
  .home-assembly-page .mx-home .discovery-grid,
  .home-assembly-page .mx-home .discovery-columns,
  .mx-home .discovery-grid,
  .mx-home .discovery-columns { grid-template-columns: 1fr; }
  .home-assembly-page .mx-home .hero-signal + .hero-signal,
  .mx-home .hero-signal + .hero-signal { box-shadow: inset 0 1px 0 rgba(255,255,255,.045); }
}