.pa-buy-main { max-width: 1080px; }
.pa-buy-crumb { display: flex; gap: 8px; flex-wrap: wrap; font-size: 13px; opacity: .7; margin-bottom: 8px; }
.pa-buy-crumb a { text-decoration: none; }
.pa-buy-search { display: flex; gap: 8px; margin: 18px 0 22px; }
.pa-buy-search input {
  flex: 1; height: 46px; border: 1px solid var(--line, #e6ebf2); border-radius: 999px;
  padding: 0 16px; font: inherit; background: #fff;
}
.pa-buy-search button {
  height: 46px; padding: 0 18px; border: 0; border-radius: 999px; background: #003da5; color: #fff;
  font-weight: 800; cursor: pointer;
}
.pa-buy-intents { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 22px; }
.pa-buy-intents a, .pa-buy-intents span {
  display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border-radius: 999px;
  background: #fff; text-decoration: none; font-size: 13px; font-weight: 700;
  box-shadow: inset 0 0 0 1px rgba(20,40,70,.08);
}
.pa-buy-intents span { opacity: .55; }
.pa-buy-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: 12px; }
.pa-buy-card {
  display: grid; gap: 8px; padding: 10px; border-radius: 18px; background: #fff; text-decoration: none;
  box-shadow: 0 10px 28px rgba(16,24,40,.06);
}
.pa-buy-card img { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: 12px; background: #eef2f8; }
.pa-buy-card b { font-size: 13px; line-height: 1.35; }
.pa-buy-card small { display: block; opacity: .6; font-size: 12px; }
.pa-buy-acc { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.pa-buy-acc-card {
  display: grid; gap: 4px; padding: 14px 16px; border-radius: 18px; background: #fff; text-decoration: none;
  box-shadow: inset 0 0 0 1px rgba(20,40,70,.08);
}
.pa-buy-note { opacity: .72; line-height: 1.7; }
.pa-buy-langs { display: flex; flex-wrap: wrap; gap: 10px; margin: 36px 0 12px; font-size: 13px; }
.pa-buy-langs a { opacity: .7; text-decoration: none; }
.pa-buy-gridwrap { margin-top: 28px; }
.pa-buy-gridwrap h2 { margin: 0 0 12px; font-size: 22px; }
html[dir="ltr"] .pa-buy-main { font-feature-settings: "ss01"; }

.pa-seo-snap {
  max-width: 920px;
  margin: 16px auto 28px;
  padding: 18px 18px 14px;
  border-radius: 22px;
  background: rgba(255,255,255,.72);
  color: #102038;
  box-shadow: inset 0 0 0 1px rgba(20,40,70,.08);
}
.pa-seo-snap h1 { margin: 0 0 8px; font-size: clamp(20px, 3vw, 30px); }
.pa-seo-snap p { margin: 0 0 10px; line-height: 1.8; }
.pa-seo-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pa-seo-links a {
  display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 999px;
  background: #003da5; color: #fff; text-decoration: none; font-size: 13px; font-weight: 700;
}
html.playarc .pa-seo-snap {
  background: rgba(8, 16, 32, .72);
  color: #e7f1ff;
  box-shadow: inset 0 0 0 1px rgba(170, 210, 255, .16);
}
html.playarc .pa-seo-links a { background: #2f7dff; }
html.playarc.pa-wiki-detail .pa-seo-snap { position: relative; z-index: 5; }


html.pa-store,
html.playarc.pa-store {
  color-scheme: dark;
  background: #070d18;
}
body.pa-buy {
  margin: 0;
  min-height: 100vh;
  font-family: Vazirmatn, Inter, system-ui, sans-serif;
  background:
    radial-gradient(900px 420px at 12% -10%, rgba(47,125,255,.22), transparent 60%),
    radial-gradient(700px 380px at 88% 0%, rgba(185,163,255,.14), transparent 55%),
    #070d18;
  color: #e7f1ff;
}
body.pa-buy a { color: #9ec8ff; }
body.pa-buy .pa-buy-main {
  max-width: 1080px;
  margin: 0 auto;
  padding: 18px 20px 64px;
}
body.pa-buy .pa-help-kicker {
  margin: 10px 0 6px;
  font: 800 11px/1 system-ui, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(158,200,255,.72);
}
body.pa-buy .pa-help h1,
body.pa-buy h1 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.15;
  font-weight: 800;
  color: #f4f8ff;
}
body.pa-buy .pa-help .lead,
body.pa-buy .lead {
  margin: 0 0 8px;
  max-width: 62ch;
  line-height: 1.7;
  color: rgba(220,230,245,.78);
  font-size: 16px;
}


body.pa-buy header.st-top {
  position: sticky; top: 0; z-index: 40;
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  max-width: 1080px; margin: 0 auto;
  padding: 14px 20px;
  backdrop-filter: blur(14px);
  background: rgba(7,13,24,.72);
  border-bottom: 1px solid rgba(150,195,245,.12);
}
body.pa-buy header.st-top .st-brand {
  display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none; color: #f4f8ff; font-weight: 800; letter-spacing: .02em;
}
body.pa-buy header.st-top .st-brand img { display: block; border-radius: 8px; }
body.pa-buy header.st-top .st-brand strong { font-size: 15px; }
body.pa-buy header.st-top .st-brand span { color: #7ab6ff; }
body.pa-buy header.st-top nav.st-nav {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
body.pa-buy header.st-top nav.st-nav a {
  display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px;
  border-radius: 999px; text-decoration: none; font-size: 13px; font-weight: 700;
  color: rgba(220,230,245,.82);
}
body.pa-buy header.st-top nav.st-nav a:hover {
  background: rgba(120,180,255,.1); color: #fff;
}
body.pa-buy header.st-top nav.st-nav a.is-on {
  background: rgba(47,125,255,.22); color: #fff;
  box-shadow: inset 0 0 0 1px rgba(120,180,255,.28);
}


body.pa-buy .pa-buy-crumb { color: rgba(200,215,235,.65); }
body.pa-buy .pa-buy-crumb a { color: #9ec8ff; text-decoration: none; }
body.pa-buy .pa-buy-search input {
  background: rgba(12,20,36,.9) !important;
  border: 1px solid rgba(150,195,245,.22) !important;
  color: #e7f1ff !important;
}
body.pa-buy .pa-buy-search input::placeholder { color: rgba(180,200,230,.45); }
body.pa-buy .pa-buy-search button { background: #2f7dff !important; }
body.pa-buy .pa-buy-intents a,
body.pa-buy .pa-buy-intents span {
  background: rgba(12,20,36,.85) !important;
  color: #dce8ff !important;
  box-shadow: inset 0 0 0 1px rgba(150,195,245,.18) !important;
}
body.pa-buy .pa-buy-intents a:hover { box-shadow: inset 0 0 0 1px rgba(120,180,255,.45) !important; color: #fff !important; }
body.pa-buy .pa-buy-note { color: rgba(210,222,240,.7); }


body.pa-buy .pa-help-card {
  margin-top: 22px;
  padding: 18px 18px 14px;
  border-radius: 22px;
  background: rgba(10,18,34,.82);
  box-shadow: inset 0 0 0 1px rgba(150,195,245,.14);
  color: #e7f1ff;
}
body.pa-buy .pa-help-card h2 { margin: 0 0 12px; font-size: 20px; color: #f4f8ff; }
body.pa-buy .pa-help-card details { margin-top: 10px; }
body.pa-buy .pa-help-card summary {
  cursor: pointer; font-weight: 700; color: #e7f1ff;
  list-style: none;
}
body.pa-buy .pa-help-card summary::-webkit-details-marker { display: none; }
body.pa-buy .pa-help-card summary::before {
  content: "▸"; display: inline-block; margin-inline-end: 8px; color: #7ab6ff;
}
body.pa-buy .pa-help-card details[open] summary::before { content: "▾"; }
body.pa-buy .pa-help-card p,
body.pa-buy .pa-help-card li { line-height: 1.85; color: rgba(220,230,240,.84); }
body.pa-buy .pa-help-card a { color: #9ee7ff; }

body.pa-buy .pa-buy-langs { opacity: .85; }
body.pa-buy .pa-buy-langs a { color: rgba(200,215,235,.7); }
body.pa-buy .pa-buy-langs b { color: #fff; }

body.pa-buy .pa-buy-card,
body.pa-buy .pa-buy-acc-card {
  background: rgba(12,20,36,.9) !important;
  color: #e7f1ff !important;
  box-shadow: inset 0 0 0 1px rgba(150,195,245,.14), 0 12px 28px rgba(0,0,0,.25) !important;
}
body.pa-buy .pa-buy-card b,
body.pa-buy .pa-buy-acc-card b { color: #f4f8ff; }
body.pa-buy .pa-buy-card small,
body.pa-buy .pa-buy-acc-card small { color: rgba(190,210,235,.65); }

@media (max-width: 720px) {
  body.pa-buy header.st-top { padding: 12px 14px; }
  body.pa-buy .pa-buy-main { padding: 14px 14px 72px; }
  body.pa-buy header.st-top nav.st-nav { width: 100%; }
}