/* v107 — shared MARKET shell: feature chips, breadcrumbs, footer and legal pages. */

/* v108 — shared MARKET shell. Visual language is now tied to the main category buttons:
 * graphite surfaces, subtle per-chip accents and the same site palette everywhere. */

/* Service / trust chips — v109.
 * Same geometry and density as the main category buttons, but every chip gets
 * its own restrained colour gradient instead of a flat graphite fill. */
.trustRow,
.checkoutPerks,
.ab-game-facts,
.un-hero-tags{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.trustRow>span,
.checkoutPerks>span,
.ab-game-facts>span,
.un-hero-tags>span{
  --ss-chip-bg:linear-gradient(135deg,#5b3048 0%,#3f365f 52%,#2a405c 100%);
  --ss-chip-bg-hover:linear-gradient(135deg,#683650 0%,#493d6b 50%,#30506d 100%);
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--ss-chip-bg)!important;
  background-size:165% 165%!important;
  background-position:0% 50%!important;
  color:#f7f9fc!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-shadow:0 1px 0 rgba(0,0,0,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden!important;
  transform:none;
  transition:background-position .32s ease,filter .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
/* A very soft highlight keeps the coloured surface in the same polished UI context
   as the main catalogue controls without turning it into a neon card. */
.trustRow>span::before,
.checkoutPerks>span::before,
.ab-game-facts>span::before,
.un-hero-tags>span::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(255,255,255,0) 38%,rgba(255,255,255,.025) 72%,rgba(255,255,255,0));
  pointer-events:none;
}
.trustRow>span:nth-child(1),
.checkoutPerks>span:nth-child(1),
.ab-game-facts>span:nth-child(1),
.un-hero-tags>span:nth-child(1){
  --ss-chip-bg:linear-gradient(135deg,#623044 0%,#4d3559 48%,#34415e 100%);
  --ss-chip-bg-hover:linear-gradient(135deg,#71364d 0%,#594064 48%,#3a4c6c 100%);
}
.trustRow>span:nth-child(2),
.checkoutPerks>span:nth-child(2),
.ab-game-facts>span:nth-child(2),
.un-hero-tags>span:nth-child(2){
  --ss-chip-bg:linear-gradient(135deg,#35466b 0%,#433963 48%,#353f61 100%);
  --ss-chip-bg-hover:linear-gradient(135deg,#3d527d 0%,#504372 48%,#3d4b70 100%);
}
.trustRow>span:nth-child(3),
.checkoutPerks>span:nth-child(3),
.ab-game-facts>span:nth-child(3),
.un-hero-tags>span:nth-child(3){
  --ss-chip-bg:linear-gradient(135deg,#245247 0%,#2a4c58 50%,#334262 100%);
  --ss-chip-bg-hover:linear-gradient(135deg,#2a6053 0%,#315968 50%,#3c4d72 100%);
}
.trustRow>span:nth-child(4),
.checkoutPerks>span:nth-child(4),
.ab-game-facts>span:nth-child(4),
.un-hero-tags>span:nth-child(4){
  --ss-chip-bg:linear-gradient(135deg,#65472d 0%,#5a3b45 48%,#45395e 100%);
  --ss-chip-bg-hover:linear-gradient(135deg,#765334 0%,#684650 48%,#51436d 100%);
}
@media(hover:hover){
  .trustRow>span:hover,
  .checkoutPerks>span:hover,
  .ab-game-facts>span:hover,
  .un-hero-tags>span:hover{
    background:var(--ss-chip-bg-hover)!important;
    background-size:165% 165%!important;
    background-position:100% 50%!important;
    filter:brightness(1.045) saturate(1.04)!important;
    transform:translateY(-1px)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 16px rgba(0,0,0,.13)!important;
  }
}
.trustRow>span svg,
.checkoutPerks>span svg,
.ab-game-facts>span svg,
.un-hero-tags>span svg{
  position:relative;
  z-index:1;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  color:#f6f8fc!important;
  opacity:.92!important;
  filter:none!important;
}
.trustRow>span b,
.checkoutPerks>span b,
.ab-game-facts>span b,
.un-hero-tags>span b{
  position:relative;
  z-index:1;
  color:inherit!important;
  font-weight:600!important;
}
@media(max-width:640px){
  .trustRow,
  .checkoutPerks,
  .ab-game-facts,
  .un-hero-tags{gap:7px!important}
  .trustRow>span,
  .checkoutPerks>span,
  .ab-game-facts>span,
  .un-hero-tags>span{
    min-height:38px!important;
    height:auto!important;
    padding:9px 12px!important;
    gap:8px!important;
    font-size:11.5px!important;
    white-space:normal!important;
  }
  .trustRow>span svg,
  .checkoutPerks>span svg,
  .ab-game-facts>span svg,
  .un-hero-tags>span svg{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    flex-basis:15px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .trustRow>span,
  .checkoutPerks>span,
  .ab-game-facts>span,
  .un-hero-tags>span{transition:none!important}
}

/* One breadcrumb language for the whole MARKET area. */
.siteBreadcrumb,
.crumb.siteBreadcrumb,
.ab-breadcrumb.siteBreadcrumb,
.cs-breadcrumb.siteBreadcrumb,
.memberCrumb.siteBreadcrumb,
.help-breadcrumb.siteBreadcrumb,
.un-breadcrumb.siteBreadcrumb,
.payCrumb.siteBreadcrumb{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  width:100%!important;
  min-height:34px!important;
  margin:18px 0 16px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--muted2,#66758a)!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
.siteBreadcrumb a,
.siteBreadcrumb button{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid var(--line,#202b3a)!important;
  border-radius:9px!important;
  background:var(--surface,#111722)!important;
  background-image:none!important;
  color:var(--muted,#8e9aae)!important;
  text-decoration:none!important;
  font:inherit!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
}
.siteBreadcrumb a:hover,
.siteBreadcrumb button:hover{
  background:var(--surface2,#151d29)!important;
  border-color:var(--line2,#314055)!important;
  color:var(--text,#f7f9fc)!important;
}
.siteBreadcrumb a:first-child,
.siteBreadcrumb button:first-child{
  color:var(--blue2,#74b4ff)!important;
  border-color:var(--line,#202b3a)!important;
  background:var(--surface,#111722)!important;
  background-image:none!important;
}
.siteBreadcrumb>span:not([aria-current]),
.siteBreadcrumb>svg{
  width:auto!important;
  height:auto!important;
  color:var(--muted2,#66758a)!important;
  opacity:.72!important;
  flex:none!important;
}
.siteBreadcrumb>[aria-current],
.siteBreadcrumb>span:last-child,
.siteBreadcrumb>b:last-child{
  min-width:0!important;
  max-width:min(520px,55vw)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text,#f7f9fc)!important;
  font-weight:650!important;
}
.siteBreadcrumb .siteCrumbHomeIcon{width:13px!important;height:13px!important;display:block!important}

/* Footer — almost the same as the page background, only one tone lighter. */
.siteFooter{
  position:relative;
  margin-top:56px;
  border-top:1px solid var(--line,#202b3a);
  background:color-mix(in srgb,var(--bg,#0a0e15) 90%,var(--surface,#111722));
  color:var(--muted,#8e9aae);
  overflow:hidden;
  box-shadow:none;
}
.siteFooter:before{content:none!important;display:none!important}
.siteFooterInner{position:relative;width:min(1120px,calc(100% - 40px));margin:auto;padding:38px 0 22px}
.siteFooterTop{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(150px,.72fr));gap:34px}
.siteFooterBrand{max-width:330px}
.siteFooterLogo{display:inline-flex;align-items:center;gap:10px;color:var(--text,#f7f9fc);text-decoration:none;font-size:19px;font-weight:820;letter-spacing:-.45px}
.siteFooterLogoMark{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line2,#314055);border-radius:10px;background:var(--surface2,#151d29);background-image:none;color:var(--blue2,#74b4ff);box-shadow:none}
.siteFooterLogoMark svg{width:17px;height:17px}
.siteFooterBrand p{margin:13px 0 17px;max-width:300px;color:var(--muted,#8e9aae);font-size:12px;line-height:1.7}
.siteFooterTrust{display:flex;gap:7px;flex-wrap:wrap}
.siteFooterTrust span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line,#202b3a);border-radius:8px;background:var(--surface,#111722);color:var(--muted,#8e9aae);font-size:9px;font-weight:650}
.siteFooterTrust svg{width:12px;height:12px;color:var(--blue2,#74b4ff)}
.siteFooterColumn h3{margin:2px 0 13px;color:var(--text,#f7f9fc);font-size:12px;font-weight:760;letter-spacing:.02em}
.siteFooterColumn nav{display:grid;gap:9px}
.siteFooterColumn a{width:max-content;max-width:100%;color:var(--muted,#8e9aae);text-decoration:none;font-size:11.5px;line-height:1.4;transition:color .16s ease}
.siteFooterColumn a:hover{color:var(--text,#f7f9fc)}
.siteFooterBottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:31px;padding-top:18px;border-top:1px solid var(--line,#202b3a);font-size:10.5px;color:var(--muted2,#66758a)}
.siteFooterBottomLinks{display:flex;gap:15px;flex-wrap:wrap}
.siteFooterBottomLinks a{color:var(--muted2,#66758a);text-decoration:none}.siteFooterBottomLinks a:hover{color:var(--text,#f7f9fc)}

/* Documents and informational pages — strictly in the main MARKET palette. */
.legalPage{padding-bottom:28px}
.legalHero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:28px 30px;border:1px solid var(--line,#202b3a);border-radius:18px;background:var(--surface,#111722);background-image:none;box-shadow:none;overflow:hidden}
.legalHero:after{content:none!important;display:none!important}
.legalHeroCopy{position:relative;z-index:1;max-width:760px}
.legalEyebrow{display:block;margin-bottom:7px;color:var(--blue2,#74b4ff);font-size:9px;font-weight:800;letter-spacing:1.7px}
.legalHero h1{margin:0;color:var(--text,#f7f9fc);font-size:30px;line-height:1.15;letter-spacing:-.65px}
.legalHero p{margin:11px 0 0;color:var(--muted,#8e9aae);font-size:13px;line-height:1.65}
.legalUpdated{position:relative;z-index:1;display:grid;gap:2px;min-width:150px;padding:10px 12px;border:1px solid var(--line,#202b3a);border-radius:11px;background:var(--surface2,#151d29);box-shadow:none}
.legalUpdated span{color:var(--muted2,#66758a);font-size:9px}
.legalUpdated b{color:var(--text,#f7f9fc);font-size:11px}
.legalLayout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;margin-top:18px}
.legalSide{align-self:start;position:sticky;top:104px;padding:12px;border:1px solid var(--line,#202b3a);border-radius:14px;background:var(--surface,#111722);box-shadow:none}
.legalSide small{display:block;padding:6px 8px 10px;color:var(--muted2,#66758a);font-size:8px;font-weight:800;letter-spacing:1.4px}
.legalSide nav{display:grid;gap:3px}
.legalSide a{display:flex;align-items:center;min-height:34px;padding:0 9px;border-radius:8px;color:var(--muted,#8e9aae);text-decoration:none;font-size:11px;border:1px solid transparent}
.legalSide a:hover{background:var(--surface2,#151d29);color:var(--text,#f7f9fc)}
.legalSide a.active{background:var(--surface2,#151d29);background-image:none;border-color:var(--line,#202b3a);color:var(--blue2,#74b4ff)}
.legalContent{min-width:0;display:grid;gap:12px}
.legalCard{padding:21px 23px;border:1px solid var(--line,#202b3a);border-radius:15px;background:var(--surface,#111722);box-shadow:none}
.legalCard h2{margin:0 0 10px;color:var(--text,#f7f9fc);font-size:16px;letter-spacing:-.2px}
.legalCard h3{margin:16px 0 7px;color:var(--text,#f7f9fc);font-size:13px}
.legalCard p,.legalCard li{color:var(--muted,#8e9aae);font-size:12px;line-height:1.75}
.legalCard p{margin:8px 0}.legalCard ul,.legalCard ol{margin:8px 0;padding-left:20px}.legalCard strong{color:var(--text,#f7f9fc)}
.legalNotice{display:flex;align-items:flex-start;gap:10px;padding:14px 15px;border:1px solid var(--line,#202b3a);border-radius:12px;background:var(--surface2,#151d29);background-image:none;color:var(--muted,#8e9aae);font-size:11px;line-height:1.6;box-shadow:none}
.legalNotice svg{width:17px;height:17px;flex:none;color:var(--blue2,#74b4ff);margin-top:1px}
.legalActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:3px}
.legalAction{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--line2,#314055);border-radius:10px;background:var(--surface2,#151d29);color:var(--text,#f7f9fc);text-decoration:none;font-size:11px;font-weight:700;cursor:pointer;box-shadow:none}
.legalAction.primary{border-color:#2b75d0;background:#1677ff;background-image:none;color:#fff}
.legalAction:hover{background:var(--surface3,#1a2331);filter:none}
.legalAction.primary:hover{background:#2382ff}
.legalFaq{display:grid;gap:8px}
.legalFaq details{border:1px solid var(--line,#202b3a);border-radius:11px;background:var(--surface2,#151d29);overflow:hidden}
.legalFaq summary{cursor:pointer;list-style:none;padding:14px 16px;color:var(--text,#f7f9fc);font-size:12px;font-weight:700}
.legalFaq summary::-webkit-details-marker{display:none}
.legalFaq summary:after{content:"+";float:right;color:var(--blue2,#74b4ff);font-size:16px}.legalFaq details[open] summary:after{content:"–"}
.legalFaq details p{margin:0;padding:0 16px 15px;color:var(--muted,#8e9aae);font-size:11.5px;line-height:1.7}
.contactGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contactCard{padding:18px;border:1px solid var(--line,#202b3a);border-radius:13px;background:var(--surface,#111722);box-shadow:none}
.contactCard small{display:block;color:var(--muted2,#66758a);font-size:8px;letter-spacing:1.2px;font-weight:800}
.contactCard h2{margin:6px 0 7px;color:var(--text,#f7f9fc);font-size:15px}
.contactCard p{margin:0 0 13px;color:var(--muted,#8e9aae);font-size:11.5px;line-height:1.65}

@media(max-width:860px){
  .siteFooterTop{grid-template-columns:1fr 1fr}.siteFooterBrand{grid-column:1/-1;max-width:none}.siteFooterBrand p{max-width:560px}
  .legalLayout{grid-template-columns:1fr}.legalSide{position:static}.legalSide nav{grid-template-columns:repeat(3,minmax(0,1fr))}.legalSide a{justify-content:center;text-align:center}
}
@media(max-width:640px){
  .siteBreadcrumb,.crumb.siteBreadcrumb,.ab-breadcrumb.siteBreadcrumb,.cs-breadcrumb.siteBreadcrumb,.memberCrumb.siteBreadcrumb,.help-breadcrumb.siteBreadcrumb,.un-breadcrumb.siteBreadcrumb,.payCrumb.siteBreadcrumb{margin:12px 0 13px!important;gap:5px!important;font-size:10px!important;overflow:hidden!important;flex-wrap:nowrap!important}
  .siteBreadcrumb a,.siteBreadcrumb button{min-height:28px!important;padding:0 7px!important;flex:none!important}.siteBreadcrumb>[aria-current],.siteBreadcrumb>span:last-child,.siteBreadcrumb>b:last-child{max-width:42vw!important}
  .trustRow>span,.checkoutPerks>span,.ab-game-facts>span,.un-hero-tags>span{min-height:28px!important;padding:4px 8px!important;font-size:9px!important}
  .siteFooter{margin-top:38px}.siteFooterInner{width:calc(100% - 28px);padding:29px 0 18px}.siteFooterTop{grid-template-columns:1fr 1fr;gap:25px 18px}.siteFooterColumn a{font-size:11px}.siteFooterBottom{align-items:flex-start;flex-direction:column;margin-top:24px}.siteFooterBottomLinks{gap:10px 14px}
  .legalHero{grid-template-columns:1fr;padding:21px 18px;gap:15px}.legalHero h1{font-size:24px}.legalUpdated{width:max-content;min-width:0}.legalLayout{margin-top:12px}.legalSide{padding:9px;overflow:auto}.legalSide nav{display:flex;width:max-content}.legalSide a{min-width:max-content}.legalCard{padding:17px 16px}.contactGrid{grid-template-columns:1fr}
}
@media(max-width:420px){.siteFooterTop{grid-template-columns:1fr}.siteFooterBrand{grid-column:auto}.siteFooterColumn nav{grid-template-columns:1fr 1fr}.siteFooterColumn a{width:auto}.legalHero h1{font-size:22px}}

@media(max-width:520px){
  .productIntro .trustRow{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none!important}
  .productIntro .trustRow::-webkit-scrollbar{display:none!important}
  .productIntro .trustRow>span{flex:0 0 auto!important;white-space:nowrap!important}
}

/* v110 — MARKET mobile logo in footer */
.siteFooterLogoMark{overflow:hidden;padding:0!important;background:transparent!important;border-color:rgba(93,143,205,.16)!important}
.siteFooterLogoMark>.mobileBrand{display:flex!important;width:32px!important;height:32px!important;min-width:32px!important;align-items:center!important;justify-content:center!important;background:transparent!important;color:#71adf4!important;border:0!important;border-radius:9px!important;overflow:hidden!important}
.siteFooterLogoMark>.mobileBrand img{display:block!important;width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;object-fit:contain!important;filter:none!important}
.siteFooterLogoMark>.mobileBrand .mobileBrandFallback{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#151d29;border:1px solid rgba(93,143,205,.16);color:#71adf4}
.siteFooterLogoMark>.mobileBrand .mobileBrandFallback[hidden],.siteFooterLogoMark>.mobileBrand img[hidden]{display:none!important}
.siteFooterLogoMark>.mobileBrand .mobileBrandFallback svg{width:21px!important;height:21px!important}