/* PAUI — единая система стилей Pashop. Компонентные разделы ниже. */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

:root {
 --bg: #111318;
 --panel: #181c24;
 --panel-hover: #202631;
 --border: #2a303c;
 --text: #f1f3f7;
 --muted: #9ca3af;
 --accent: #4d7cff;
 --accent-hover: #668dff;
}

* {
 box-sizing: border-box;
}

html {
 scroll-behavior: smooth;
}

body {
 margin: 0;
 padding-top: 70px;
 background: var(--bg);
 color: var(--text);
 font-family: "Segoe UI", Arial, sans-serif;
}

a {
 color: var(--muted);
 text-decoration: none;
 transition: .2s;
}

a:hover {
 color: white;
}

.container-xxl {
 max-width: 1100px;
 margin: auto;
 padding: 0 16px;
}


/* NAVBAR */

#navbar {
 height: 70px;
 background: #14171d !important;
 border-bottom: 1px solid var(--border);
}

.navbar {
 height: 70px;
}

.brand {
 width: 42px;
 height: 42px;
 border-radius: 10px;
}

.nav-item,
.nav-pill,
.nav-login-link {
 height: 42px;
 padding: 0 16px;
 display: flex;
 align-items: center;
 border-radius: 10px;
 background: transparent !important;
 color: var(--muted);
}

.nav-item:hover,
.nav-pill:hover,
.nav-login-link:hover {
 background: var(--panel-hover) !important;
 color: white;
}


/* BLOCKS */

.bg-base {
 background: var(--panel);
 border: 1px solid var(--border);
 border-radius: 16px;
}

.rounded {
 border-radius: 16px !important;
}

.content {
 min-height: auto;
}


/* INPUTS */

.form-input,
.form-select {
 width: 100%;
 height: 44px;
 padding: 0 14px;

 background: #202631;
 border: 1px solid var(--border);
 border-radius: 10px;

 color: white;
}

.form-input::placeholder {
 color: #707887;
}

.form-input:focus,
.form-select:focus {
 outline: none;
 border-color: var(--accent);
}


/* BUTTONS */

.btn,
.btn-main {
 height: 44px;
 padding: 0 28px;

 border: none;
 border-radius: 10px !important;

 color: white;
 font-weight: 600;

 cursor: pointer;
}

.btn {
 background: #303745;
}

.btn:hover {
 background: #3b4352;
}


.btn-main {
 background: var(--accent);
}

.btn-main:hover {
 background: var(--accent-hover);
}


/* FILTER */

.filter-panel {
 padding: 20px;
}

.filter-title {
 font-size: 20px;
 margin-bottom: 15px;
}

.filter-label {
 color: var(--muted);
 margin-bottom: 8px;
}


/* CARDS */

.game-card {
 background: var(--panel);
 border: 1px solid var(--border);
 border-radius: 14px;

 padding: 14px;

 transition: .2s;
}

.game-card:hover {
 border-color: var(--accent);
 transform: translateY(-3px);
}

.game-card-image {
 width: 100%;
 height: 180px;

 object-fit: contain;

 background: #101319;
 border-radius: 10px;
}

.game-card-title {
 margin-top: 12px;
 font-size: 18px;
 font-weight: 700;
}

.game-card-description {
 color: var(--muted);
 font-size: 14px;
}


/* HERO */

.hero-carousel {
 border-radius: 18px;
 overflow: hidden;
 border: 1px solid var(--border);
}

.hero-slide-inner {
 min-height: 350px;
 padding: 30px;

 display: flex;
 align-items: end;

 background-position: center;
 background-size: cover;
}

.hero-title {
 font-size: 42px;
 margin: 0;
}

.hero-subtitle {
 color: #c0c5d0;
}


/* SECTIONS */

.section-title {
 font-size: 22px;
 margin-bottom: 15px;
}

.content-section {
 margin-bottom: 30px;
}


/* LIBRARY */

.library-card {
 background: var(--panel);
 border: 1px solid var(--border);
 border-radius: 14px;
 padding: 18px;
}

.library-card:hover {
 border-color: var(--accent);
}

.library-card-title {
 font-size: 20px;
 font-weight: 700;
}


/* GAME PAGE */

.game-sidebar-card,
.game-info-card,
.game-gallery-card,
.game-section-card {
 background: var(--panel);
 border: 1px solid var(--border);
 border-radius: 16px;
 padding: 20px;
}

.game-title {
 font-size: 32px;
}

.game-description {
 color: var(--muted);
 line-height: 1.6;
}


/* MOBILE */

@media(max-width:768px){

 body {
  padding-top:60px;
 }

 .hero-slide-inner {
  min-height:250px;
 }

 .hero-title {
  font-size:30px;
 }

 .game-card-image {
  height:140px;
 }
}
/* AUTH */

.auth-page-body {
 min-height:100vh;
 display:flex;
 align-items:center;
 padding-top:0;
}

.auth-grid {
 display:grid;
 grid-template-columns:1fr 420px;
 gap:24px;
}

.auth-panel,
.auth-card {
 background:var(--panel);
 border:1px solid var(--border);
 border-radius:18px;
 padding:30px;
}

.auth-heading {
 font-size:40px;
 margin-bottom:15px;
}

.auth-lead,
.auth-form-text {
 color:var(--muted);
 line-height:1.6;
}

.auth-logo {
 width:70px;
 height:70px;
 border-radius:14px;
 margin-bottom:20px;
}

.auth-highlights {
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:12px;
 margin-top:25px;
}

.auth-highlight {
 padding:15px;
 background:#202631;
 border-radius:12px;
}

.auth-highlight-title {
 font-weight:700;
}

.auth-highlight-text {
 color:var(--muted);
 font-size:14px;
}


.auth-form {
 display:grid;
 gap:15px;
}

.auth-label {
 color:var(--muted);
 font-size:14px;
}

.auth-submit {
 width:100%;
}


/* GAME PAGE */

.game-layout {
 display:grid;
 grid-template-columns:320px 1fr;
 gap:25px;
}

.game-sidebar {
 display:flex;
 flex-direction:column;
 gap:20px;
}

.game-poster {
 width:100%;
 border-radius:12px;
 background:#101319;
}

.game-title-row {
 display:flex;
 justify-content:space-between;
 gap:15px;
}

.game-rating-chip,
.game-status-badge {
 background:#252c38;
 padding:7px 12px;
 border-radius:20px;
 font-size:14px;
}

.game-price {
 font-size:24px;
 font-weight:700;
}

.game-primary-action {
 width:100%;
}

.game-meta-item,
.game-spec-item {
 padding:10px 0;
 border-bottom:1px solid var(--border);
}

.game-meta-item dt,
.game-spec-item dt {
 color:var(--muted);
}

.game-meta-item dd,
.game-spec-item dd {
 margin:3px 0;
}


/* GALLERY */

.game-gallery-stage {
 min-height:400px;
 background:#101319;
 border-radius:14px;
 display:flex;
 align-items:center;
 justify-content:center;
}

.game-gallery-image {
 max-width:90%;
 max-height:350px;
 object-fit:contain;
}

.game-thumb {
 border-radius:10px;
 overflow:hidden;
 border:1px solid var(--border);
}

.game-thumb img {
 width:100%;
}


/* UPDATE / REVIEW */

.game-update-card,
.game-review-card {
 background:#202631;
 border:1px solid var(--border);
 border-radius:12px;
 padding:16px;
}

.game-update-title,
.game-review-name {
 font-weight:700;
}

.game-update-description,
.game-review-text {
 color:var(--muted);
 line-height:1.5;
}


/* LIBRARY */

.library-shell {
 display:grid;
 gap:20px;
}

.library-hero {
 background:var(--panel);
 border:1px solid var(--border);
 border-radius:18px;
 padding:30px;

 display:flex;
 justify-content:space-between;
}

.library-title {
 font-size:42px;
}

.library-subtitle {
 color:var(--muted);
}

.library-stat {
 background:#202631;
 border-radius:12px;
 padding:20px;
 text-align:center;
}

.library-stat-value {
 font-size:32px;
 font-weight:700;
}


.library-grid {
 display:grid;
 grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
 gap:18px;
}


.library-card-cover {
 width:90px;
 height:90px;
 object-fit:contain;
 background:#101319;
 border-radius:12px;
}

.library-card-status {
 display:inline-block;
 background:#252c38;
 padding:5px 10px;
 border-radius:20px;
 font-size:12px;
}


.library-card-actions {
 margin-top:15px;
 display:flex;
 gap:10px;
}


/* EMPTY BLOCKS */

.home-empty-note,
.library-empty-state,
.game-empty-note {
 padding:25px;
 background:var(--panel);
 border:1px solid var(--border);
 border-radius:14px;

 color:var(--muted);
}


/* DROPDOWN */

.dropdown-item {
 color:white;
 padding:10px;
}

.dropdown-item:hover {
 background:#202631;
}


/* SMALL FIXES */

.text-white-50 {
 color:var(--muted)!important;
}

button,
input,
select {
 font-family:inherit;
}


@media(max-width:900px){

 .auth-grid,
 .game-layout {
  grid-template-columns:1fr;
 }


 .library-hero {
  flex-direction:column;
  gap:20px;
 }

 .auth-highlights {
  grid-template-columns:1fr;
 }
}
.pashop-dev {
  --dev-bg: #080809;
  --dev-surface: #191919;
  --dev-surface-raised: #202020;
  --dev-surface-hover: #292929;
  --dev-border: #2d2d2d;
  --dev-text: #f5f5f5;
  --dev-muted: #929292;
  --dev-dim: #666;
  --dev-accent: #fff;
  --dev-danger: #ed617a;
  --dev-success: #48c99a;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding-top: 96px;
  background: var(--dev-bg);
  color: var(--dev-text);
  font-family: "Manrope", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
}
.pashop-dev *, .pashop-dev *::before, .pashop-dev *::after { box-sizing: border-box; }
.pashop-dev a { color: inherit; text-decoration: none; }
.pashop-dev button, .pashop-dev input, .pashop-dev textarea { font: inherit; }
.pashop-dev button { color: inherit; }
.pashop-dev [hidden] { display: none !important; }
.dev-topbar { position: fixed; inset: 0 0 auto; z-index: 100; height: 96px; background: rgba(9,9,9,.98); border-bottom: 1px solid #1c1c1c; }
.dev-topbar [hidden] { display: none !important; }
.dev-topbar-inner { width: min(var(--paui-store-width, 1510px), calc(100% - 48px)); height: 100%; margin: auto; display: flex; align-items: center; gap: 34px; }
.dev-brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; font-weight: 800; letter-spacing: -.04em; }
.dev-brand img { width: 50px; height: 50px; object-fit: contain; }
.dev-brand span { color: #777; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.dev-topnav { display: flex; align-items: center; gap: 12px; }
.dev-topnav a { min-height: 56px; display: inline-flex; align-items: center; color: #919191; padding: 0 27px; border-radius: 20px; font-size: 18px; transition: background .18s, color .18s; white-space: nowrap; }
.dev-topnav a:hover, .dev-topnav a.is-active { background: #1b1b1b; color: #f5f5f5; }
.dev-top-actions { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.dev-session-label { min-height: 64px; display: inline-flex; gap: 12px; align-items: center; padding: 0 18px; border: 1px solid #2b2b2b; border-radius: 21px; background: #151515; color: #d0d0d0; font-size: 16px; white-space: nowrap; }
.dev-session-label a { color: inherit; text-decoration: none; }
.dev-balance { min-height: 64px; display: inline-flex; align-items: center; gap: 14px; padding: 0 16px; border: 1px solid #2b2b2b; border-radius: 21px; background: #151515; color: #bcbcbc !important; font-size: 16px; white-space: nowrap; text-decoration: none; }
.dev-balance-plus { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #343434; border-radius: 13px; font-size: 18px; }
.dev-session-avatar { width: 44px; height: 44px; flex: 0 0 44px; display: inline-grid; place-items: center; overflow: hidden; border-radius: 50%; }
.dev-session-avatar img { display: block; width: 44px; height: 44px; border: 2px solid #373737; border-radius: 50%; object-fit: cover; }
.dev-session-avatar i { color: #aaa; font-size: 28px; line-height: 1; }
.dev-icon-button { width: 56px; height: 56px; display: grid; place-items: center; border: 1px solid #2b2b2b; background: #151515; border-radius: 19px; cursor: pointer; }
.dev-icon-button:hover { background: #292929; }
.dev-auth-link { padding: 12px 14px; color: #aaa !important; font-size: 18px; }
.dev-auth-register { min-height: 56px; display: inline-flex; align-items: center; padding: 0 28px; border-radius: 20px; background: #f5f5f5; color: #111 !important; font-size: 18px; }
.dev-container { width: min(1160px, calc(100% - 48px)); margin: 0 auto; padding: 44px 0 80px; }
.pashop-dev > main { flex: 1 0 auto; }
.dev-container--narrow { width: min(920px, calc(100% - 48px)); }
.dev-page-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 32px; }
.dev-page-heading--form { margin-bottom: 26px; }
.dev-page-heading h1 { margin: 8px 0 8px; color: #f6f6f6; font-size: clamp(30px, 4vw, 42px); font-weight: 700; line-height: 1.15; letter-spacing: -.045em; }
.dev-page-heading p { margin: 0; color: var(--dev-muted); line-height: 1.7; font-size: 14px; }
.dev-eyebrow { color: #777; font-size: 10px; font-weight: 800; letter-spacing: .17em; }
.dev-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 0 17px; border: 1px solid transparent; border-radius: 13px; font-weight: 600; font-size: 13px; cursor: pointer; transition: transform .16s, background .16s, border-color .16s, opacity .16s; white-space: nowrap; }
.dev-button:hover { transform: translateY(-1px); }
.dev-button:active { transform: translateY(0); }
.dev-button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.dev-button--light { color: #111 !important; background: #f6f6f6; border-color: #f6f6f6; }
.dev-button--light:hover { background: #dedede; border-color: #dedede; }
.dev-button--outline { background: transparent; border-color: #343434; color: #d2d2d2; }
.dev-button--outline:hover { background: #1c1c1c; border-color: #505050; }
.dev-button--danger { background: rgba(237,97,122,.12); color: #f27b8e !important; border-color: rgba(237,97,122,.25); }
.dev-button--danger:hover { background: rgba(237,97,122,.2); }
.dev-back-link { display: inline-flex; align-items: center; gap: 9px; color: #9a9a9a !important; margin-bottom: 22px; }
.dev-back-link:hover { color: #fff !important; }
.dev-toolbar { display: flex; gap: 12px; margin-bottom: 24px; }
.dev-search { display: flex; align-items: center; gap: 10px; height: 46px; width: min(420px, 100%); padding: 0 15px; background: #171717; border: 1px solid #2c2c2c; border-radius: 14px; color: #7f7f7f; }
.dev-search:focus-within { border-color: #626262; box-shadow: 0 0 0 3px rgba(255,255,255,.035); }
.dev-search input { min-width: 0; width: 100%; color: #f5f5f5; background: transparent; border: 0; outline: 0; }
.dev-search input::placeholder { color: #686868; }
.dev-status { color: #858585; padding: 14px 0; font-size: 13px; }
.dev-status.is-error { color: #f27b8e; }
.dev-status.is-success { color: var(--dev-success); }
.dev-games-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.dev-game-card { min-width: 0; overflow: hidden; background: #151515; border: 1px solid #292929; border-radius: 18px; transition: border-color .2s, transform .2s, background .2s; }
.dev-game-card:hover { border-color: #484848; background: #191919; transform: translateY(-2px); }
.dev-game-art { position: relative; aspect-ratio: 16 / 9; background: #202020; overflow: hidden; }
.dev-game-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dev-game-art--empty { display: grid; place-items: center; color: #555; font-size: 38px; }
.dev-game-body { padding: 17px; }
.dev-game-title-row { display: flex; gap: 12px; align-items: flex-start; }
.dev-game-icon { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; background: #252525; object-fit: cover; border: 1px solid #353535; }
.dev-game-name { min-width: 0; flex: 1; margin: 0; color: #f5f5f5; font-size: 16px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.dev-game-price { display: inline-block; margin-top: 6px; color: #b7b7b7; font-size: 12px; }
.dev-game-description { min-height: 40px; margin: 14px 0 18px; color: #888; font-size: 12px; line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dev-game-actions { display: flex; gap: 9px; }
.dev-game-actions .dev-button { flex: 1; min-width: 0; padding: 0 10px; }
.dev-empty { margin-top: 16px; padding: 65px 24px; text-align: center; background: #121212; border: 1px dashed #343434; border-radius: 20px; }
.dev-empty-icon { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 18px; background: #222; border-radius: 18px; color: #ddd; font-size: 25px; }
.dev-empty h2 { margin: 0 0 9px; font-size: 21px; }
.dev-empty p { margin: 0 0 22px; color: #888; }
.dev-form-panel { background: #141414; border: 1px solid #292929; border-radius: 20px; padding: 28px; }
.dev-form-section + .dev-form-section { border-top: 1px solid #2b2b2b; margin-top: 28px; padding-top: 28px; }
.dev-section-heading { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 25px; }
.dev-section-number { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: #252525; color: #c7c7c7; font-size: 11px; font-weight: 800; }
.dev-section-heading h2, .dev-content-heading h2 { margin: 0 0 6px; font-size: 20px; font-weight: 700; letter-spacing: -.025em; }
.dev-section-heading p, .dev-content-heading p { margin: 0; color: #858585; font-size: 12px; line-height: 1.6; }
.dev-field { min-width: 0; margin-bottom: 21px; }
.dev-field:last-child { margin-bottom: 0; }
.dev-field > label, .dev-label-row label { display: block; margin-bottom: 9px; color: #b7b7b7; font-size: 12px; font-weight: 600; }
.dev-required { color: #f27b8e; }
.dev-optional { margin-left: 7px; color: #6f6f6f; font-size: 11px; font-weight: 400; }
.dev-input { display: block; width: 100%; min-height: 48px; padding: 12px 15px; background: #1c1c1c; border: 1px solid #303030; border-radius: 13px; outline: none; color: #f4f4f4; transition: border-color .18s, background .18s, box-shadow .18s; }
.dev-input:hover { border-color: #424242; }
.dev-input:focus { border-color: #777; background: #202020; box-shadow: 0 0 0 3px rgba(255,255,255,.045); }
.dev-input::placeholder { color: #686868; }
.dev-input:read-only { color: #888; background: #171717; }
.dev-textarea { min-height: 140px; resize: vertical; line-height: 1.65; }
.dev-field-hint { margin-top: 8px; color: #707070; font-size: 11px; line-height: 1.6; }
.dev-label-row { display: flex; justify-content: space-between; gap: 12px; }
.dev-label-row label { margin-bottom: 9px; }
.dev-counter { color: #666; font-size: 11px; }
.dev-input-prefix { display: flex; align-items: center; overflow: hidden; background: #1c1c1c; border: 1px solid #303030; border-radius: 13px; }
.dev-input-prefix:focus-within { border-color: #777; box-shadow: 0 0 0 3px rgba(255,255,255,.045); }
.dev-input-prefix > span { padding-left: 14px; color: #777; white-space: nowrap; font-size: 12px; }
.dev-input-prefix .dev-input { border: 0; background: transparent; box-shadow: none; }
.dev-field--price { max-width: 260px; }
.dev-price-wrap { position: relative; }
.dev-price-wrap .dev-input { padding-right: 42px; }
.dev-price-wrap > span { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); color: #777; }
.dev-upload-grid { display: grid; grid-template-columns: 2fr 1.4fr; gap: 16px; }
.dev-upload { display: flex; align-items: center; gap: 15px; padding: 16px; cursor: pointer; border-radius: 13px; }
.dev-upload:hover, .dev-upload.is-dragover { background: #222; border-color: #777; }
.dev-upload input, .dev-file-button input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.dev-upload-preview { width: 72px; height: 72px; flex: 0 0 72px; display: grid; place-items: center; overflow: hidden; border-radius: 14px; background: #292929; color: #8b8b8b; font-size: 25px; }
.dev-upload-preview img { width: 100%; height: 100%; object-fit: cover; }
.dev-upload--cover .dev-upload-preview { width: 104px; flex-basis: 104px; }
.dev-upload-copy { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.dev-upload-copy strong { color: #e7e7e7; font-size: 12px; overflow-wrap: anywhere; }
.dev-upload-copy small { color: #777; font-size: 11px; }
.dev-upload-copy em { margin-top: 5px; color: #bbb; font-size: 11px; font-style: normal; }
.dev-note { display: flex; gap: 9px; margin: 18px 0 0; color: #777; font-size: 11px; line-height: 1.6; }
.dev-note i { color: #aaa; }
.dev-form-footer { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding-top: 23px; margin-top: 24px; border-top: 1px solid #2b2b2b; }
.dev-form-status { margin-top: 18px; padding: 12px 14px; border-radius: 11px; background: #202020; color: #ddd; font-size: 12px; line-height: 1.6; }
.dev-form-status.is-error { color: #ff9aaa; background: rgba(237,97,122,.09); border: 1px solid rgba(237,97,122,.2); }
.dev-form-status.is-success { color: #73ddb7; background: rgba(72,201,154,.08); border: 1px solid rgba(72,201,154,.18); }
.dev-editor-layout { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 30px; align-items: start; }
.dev-sidebar { padding: 14px; border: 1px solid #2a2a2a; border-radius: 22px; background: #151515; position: sticky; top: 96px; }
.dev-sidebar-game { display: flex; align-items: center; gap: 11px; padding: 5px 5px 17px; margin-bottom: 10px; border-bottom: 1px solid #2b2b2b; }
.dev-sidebar-cover { width: 43px; height: 43px; flex: 0 0 43px; display: grid; place-items: center; overflow: hidden; border-radius: 12px; background: #272727; color: #777; }
.dev-sidebar-cover img { width: 100%; height: 100%; object-fit: cover; }
.dev-sidebar-game strong, .dev-sidebar-game span { display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-sidebar-game strong { font-size: 12px; }
.dev-sidebar-game span { margin-top: 4px; color: #777; font-size: 11px; }
.dev-side-nav { display: grid; gap: 5px; }
.dev-side-nav button { min-height: 43px; display: flex; align-items: center; gap: 11px; padding: 0 12px; border: 0; border-radius: 12px; color: #999; text-align: left; background: transparent; cursor: pointer; }
.dev-side-nav button i { width: 18px; font-size: 15px; }
.dev-side-nav button:hover { background: #202020; color: #eee; }
.dev-side-nav button.is-active { color: #fff; background: #292929; }
.dev-nav-count, .dev-nav-soon { margin-left: auto; color: #777; font-size: 10px; }
.dev-editor-content { min-width: 0; }
.dev-editor-tab { display: none; }
.dev-editor-tab.is-active { display: block; }
.dev-content-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin: 4px 0 22px; }
.dev-content-heading h2 { font-size: 25px; }
.dev-content-heading p { font-size: 12px; }
.dev-status-pill { padding: 7px 11px; border: 1px solid #333; border-radius: 999px; color: #aaa; background: #1b1b1b; font-size: 11px; white-space: nowrap; }
.dev-form-panel--embedded { padding: 24px; }
.dev-form-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.dev-current-images { display: grid; grid-template-columns: 1fr 1.4fr; gap: 14px; }
.dev-current-image { min-width: 0; padding: 13px; border: 1px solid #303030; border-radius: 14px; background: #191919; }
.dev-current-image > span { display: block; margin-bottom: 11px; color: #858585; font-size: 11px; }
.dev-current-image > img { display: block; width: 82px; height: 82px; margin-bottom: 12px; object-fit: cover; border-radius: 12px; background: #252525; }
.dev-current-image--cover > img { width: 100%; height: 110px; }
.dev-file-button { position: relative; overflow: hidden; }
.dev-screenshots-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.dev-screenshot-card { min-width: 0; overflow: hidden; background: #171717; border: 1px solid #303030; border-radius: 15px; cursor: grab; }
.dev-screenshot-card.is-dragging { opacity: .45; }
.dev-screenshot-card.is-drop-target { border-color: #aaa; }
.dev-screenshot-card img { display: block; width: 100%; height: 165px; object-fit: cover; background: #222; }
.dev-screenshot-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; color: #888; font-size: 11px; }
.dev-screenshot-controls { display: flex; gap: 6px; }
.dev-mini-button { width: 30px; height: 30px; display: grid; place-items: center; background: #242424; border: 1px solid #393939; border-radius: 9px; color: #ccc; cursor: pointer; }
.dev-mini-button:hover { background: #333; color: #fff; }
.dev-mini-button--danger { color: #f27b8e; }
.dev-screenshot-footer { align-items: flex-start; }
.dev-screenshot-footer .dev-field-hint { max-width: 380px; margin: 0 auto 0 0; }
.dev-placeholder-card { padding: 45px 28px; text-align: center; border: 1px dashed #333; border-radius: 18px; background: #141414; }
.dev-placeholder-icon { width: 54px; height: 54px; display: grid; place-items: center; margin: 0 auto 16px; border-radius: 16px; background: #252525; color: #ccc; font-size: 23px; }
.dev-placeholder-card h3 { margin: 0 0 8px; font-size: 17px; }
.dev-placeholder-card p { max-width: 440px; margin: 0 auto; color: #858585; font-size: 12px; line-height: 1.7; }
.dev-version-list-heading { margin-top: 30px; }
.dev-versions-list { display: grid; gap: 12px; }
.dev-achievement-card { grid-template-columns: 64px minmax(0, 1fr); align-items: center; }
.dev-achievement-icon { width: 64px; height: 64px; border-radius: 14px; object-fit: cover; background: #252525; }
.dev-game-api-key { margin-bottom: 20px; }
.dev-api-key-row { display: flex; gap: 8px; align-items: center; }
.dev-api-key-row .dev-input { min-width: 0; flex: 1; font-family: ui-monospace, Consolas, monospace; }
.dev-version-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .8fr); gap: 18px; padding: 18px; border: 1px solid #2b2b2b; border-radius: 16px; background: #141414; }
.dev-version-details { min-width: 0; }
.dev-version-details strong { display: block; color: #eee; font-size: 14px; }
.dev-version-details p { margin: 8px 0; color: #999; font-size: 12px; line-height: 1.6; white-space: pre-wrap; }
.dev-version-details > span { color: #686868; font-size: 10px; overflow-wrap: anywhere; }
.dev-version-controls { display: grid; grid-template-columns: 1fr; align-content: center; gap: 8px; }
.dev-version-controls .dev-button { min-height: 38px; padding: 0 9px; font-size: 11px; }
.dev-danger-zone { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 20px; border: 1px solid rgba(237,97,122,.23); border-radius: 16px; background: rgba(237,97,122,.045); }
.dev-danger-zone h3 { margin: 0 0 6px; font-size: 14px; }
.dev-danger-zone p { margin: 0; color: #888; font-size: 12px; line-height: 1.6; }
.dev-dialog { width: min(460px, calc(100% - 28px)); padding: 0; border: 1px solid #333; border-radius: 22px; color: #f5f5f5; background: #191919; box-shadow: 0 25px 100px rgba(0,0,0,.65); }
.dev-dialog::backdrop { background: rgba(0,0,0,.72); backdrop-filter: blur(9px); }
.dev-dialog-card { position: relative; padding: 30px; }
.dev-dialog-close { position: absolute; top: 17px; right: 17px; width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 10px; background: transparent; color: #888; cursor: pointer; }
.dev-dialog-close:hover { background: #292929; color: #fff; }
.dev-dialog-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 15px; background: #292929; font-size: 20px; }
.dev-dialog-icon--danger { color: #f27b8e; background: rgba(237,97,122,.12); }
.dev-dialog-card h2 { margin: 0 0 9px; font-size: 22px; }
.dev-dialog-card p { color: #929292; font-size: 13px; line-height: 1.7; }
.dev-dialog-card p strong { color: #eee; }
.dev-dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 25px; }
.dev-toast { position: fixed; z-index: 300; right: 24px; bottom: 24px; max-width: min(390px, calc(100% - 48px)); padding: 13px 17px; border: 1px solid #3b3b3b; border-radius: 13px; background: #202020; color: #eee; box-shadow: 0 12px 45px rgba(0,0,0,.4); font-size: 12px; line-height: 1.6; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .2s, transform .2s; }
.dev-toast.is-visible { opacity: 1; transform: translateY(0); }
.dev-toast.is-error { border-color: rgba(237,97,122,.4); }
.dev-toast.is-success { border-color: rgba(72,201,154,.4); }

@media (max-width: 980px) {
  .dev-topbar-inner { gap: 20px; }
  .dev-topnav { gap: 0; }
  .dev-games-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dev-editor-layout { grid-template-columns: 220px minmax(0,1fr); gap: 18px; }
  .dev-sidebar { padding: 10px; }
  .dev-upload-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .pashop-dev { padding-top: 72px; }
  .dev-topbar { height: 72px; }
  .dev-topbar-inner, .dev-container, .dev-container--narrow { width: calc(100% - 30px); }
  .dev-topbar-inner { gap: 12px; }
  .dev-brand img { width: 40px; height: 40px; }
  .dev-topnav { gap: 4px; overflow-x: auto; }
  .dev-topnav a { min-height: 42px; padding: 0 11px; border-radius: 14px; font-size: 12px; }
  .dev-user-actions { gap: 6px; }
  .dev-balance { min-height: 42px; gap: 6px; padding: 0 7px; border-radius: 14px; font-size: 11px; }
  .dev-balance-plus { width: 28px; height: 28px; border-radius: 9px; font-size: 14px; }
  .dev-session-label { min-height: 42px; gap: 7px; padding: 0 9px; border-radius: 14px; font-size: 12px; }
  .dev-session-label [data-developer-nick] { max-width: 80px; overflow: hidden; text-overflow: ellipsis; }
  .dev-session-avatar, .dev-session-avatar img { width: 28px; height: 28px; }
  .dev-session-avatar { flex-basis: 28px; }
  .dev-session-avatar i { font-size: 20px; }
  .dev-icon-button { width: 42px; height: 42px; border-radius: 14px; }
  .dev-auth-link { padding: 8px 5px; font-size: 12px; }
  .dev-auth-register { min-height: 42px; padding: 0 11px; border-radius: 14px; font-size: 12px; }
  .dev-container { padding-top: 28px; }
  .dev-page-heading { align-items: flex-start; flex-direction: column; margin-bottom: 24px; }
  .dev-page-heading h1 { font-size: 31px; }
  .dev-toolbar { align-items: stretch; }
  .dev-search { flex: 1; min-width: 0; }
  .dev-toolbar .dev-button { padding: 0 12px; }
  .dev-games-grid { grid-template-columns: 1fr; gap: 13px; }
  .dev-game-art { aspect-ratio: 16 / 8; }
  .dev-form-panel { padding: 19px; border-radius: 17px; }
  .dev-form-two-col, .dev-current-images { grid-template-columns: 1fr; gap: 0; }
  .dev-field--price { max-width: none; }
  .dev-upload { min-height: 120px; }
  .dev-editor-layout { grid-template-columns: 1fr; }
  .dev-sidebar { position: static; border-radius: 17px; }
  .dev-sidebar-game { display: none; }
  .dev-side-nav { display: flex; overflow-x: auto; gap: 5px; }
  .dev-side-nav button { flex: 0 0 auto; min-height: 39px; padding: 0 11px; font-size: 12px; }
  .dev-side-nav button i { width: auto; }
  .dev-nav-count, .dev-nav-soon { display: none; }
  .dev-content-heading { flex-direction: column; }
  .dev-version-card { grid-template-columns: 1fr; }
  .dev-content-heading h2 { font-size: 22px; }
  .dev-screenshots-grid { grid-template-columns: 1fr; }
  .dev-screenshot-card img { height: 200px; }
  .dev-screenshot-footer { flex-direction: column; }
  .dev-screenshot-footer .dev-field-hint { margin: 0; }
  .dev-danger-zone { align-items: flex-start; flex-direction: column; }
  .dev-form-footer { flex-wrap: wrap; }
  .dev-form-footer .dev-button { flex: 1; }
  .dev-input-prefix > span { padding-left: 10px; font-size: 10px; }
  .dev-input-prefix .dev-input { padding-left: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .pashop-dev *, .pashop-dev *::before, .pashop-dev *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
.legal-doc {
  width: min(100% - 32px, 920px);
  margin: 20px auto 72px;
  padding: 0 0 24px;
  color: var(--text, #f1f3f7);
}

.legal-doc__back {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  margin-bottom: 22px;
  color: var(--muted, #9ca3af);
  font-size: 14px;
}

.legal-doc__header,
.legal-doc__content,
.legal-doc__note,
.legal-index__list {
  border: 1px solid var(--border, #2a303c);
  border-radius: 20px;
  background: var(--panel, #181c24);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .16);
}

.legal-doc__header {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
  padding: clamp(26px, 5vw, 46px);
}


.legal-doc__brand img {
  display: block;
  width: 132px;
  max-height: 44px;
  object-fit: contain;
  object-position: left center;
}

.legal-doc__eyebrow {
  margin: 28px 0 8px;
  color: #a7abb4;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.legal-doc h1 {
  max-width: 720px;
  margin: 0;
  color: var(--text, #f1f3f7);
  font-size: clamp(28px, 5vw, 42px);
  font-weight: 800;
  line-height: 1.15;
}

.legal-doc__revision,
.legal-doc__lead {
  position: relative;
  z-index: 1;
  margin: 16px 0 0;
  color: var(--muted, #9ca3af);
  font-size: 14px;
  line-height: 1.65;
}

.legal-doc__content {
  padding: clamp(22px, 5vw, 48px);
  overflow-wrap: anywhere;
}

.legal-doc__content h2 {
  margin: 34px 0 12px;
  padding-top: 8px;
  color: var(--text, #f1f3f7);
  font-size: clamp(19px, 3vw, 23px);
  font-weight: 800;
  line-height: 1.35;
}

.legal-doc__content h2:first-child { margin-top: 0; }

.legal-doc__content h3 {
  margin: 22px 0 4px;
  color: var(--text, #f1f3f7);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.55;
}

.legal-doc__content p,
.legal-doc__content li {
  color: #d2d6df;
  font-size: 14px;
  line-height: 1.8;
}

.legal-doc__content p { margin: 8px 0 14px; }
.legal-doc__content ul { margin: 8px 0 18px; padding-left: 22px; }
.legal-doc__content li { padding-left: 4px; margin: 4px 0; }
.legal-doc__content a { color: #f3f4f6; text-decoration: underline; text-underline-offset: 3px; }

.legal-doc__note {
  margin-top: 18px;
  padding: 18px 22px;
  color: var(--muted, #9ca3af);
  font-size: 12px;
  line-height: 1.65;
}

.legal-index__list { overflow: hidden; padding: 8px 22px; }
.legal-index__item {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 4px;
  border-bottom: 1px solid var(--border, #2a303c);
  color: var(--text, #f1f3f7);
  font-size: 15px;
  font-weight: 700;
}
.legal-index__item:last-child { border-bottom: 0; }
.legal-index__item span:last-child { color: #a7abb4; }
.legal-index__item:hover { color: #fff; }

@media (max-width: 600px) {
  .legal-doc { width: min(100% - 22px, 920px); margin-top: 10px; }
  .legal-doc__header, .legal-doc__content { border-radius: 16px; }
  .legal-index__list { padding: 5px 16px; }
  .legal-index__item { font-size: 14px; }
}
:root{color-scheme:light;--return-ink:#252525;--return-muted:#6b6b6b;--return-yellow:#ffdd2d;--return-paper:#fff}*{box-sizing:border-box}body{margin:0;background:#f4f4f2;color:var(--return-ink);font:16px/1.72 Manrope,Arial,sans-serif}.return-page{max-width:900px;margin:0 auto;padding:38px 28px 76px}.return-back{color:#333;text-decoration:none;font-weight:700}.return-back:hover{text-decoration:underline}.return-heading{margin:28px 0 24px;padding:42px 48px 38px;background:#fff;border:1px solid #e6e6e4;border-radius:18px;position:relative;overflow:hidden}.return-heading:after{content:"";position:absolute;width:180px;height:180px;right:-56px;top:-72px;background:var(--return-yellow);border-radius:0 0 90px 90px;opacity:.9}.return-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--return-yellow);border-radius:8px 8px 24px 24px;font-size:24px;font-weight:800}.return-eyebrow{margin:22px 0 4px;font-size:12px;font-weight:800;letter-spacing:.11em;color:#777}.return-heading h1{max-width:620px;margin:0;font-size:clamp(32px,6vw,48px);line-height:1.13;letter-spacing:-.04em}.return-heading>p:not(.return-eyebrow){max-width:650px;color:#626262}.return-date{display:inline-block;margin-top:8px;color:#666;font-size:13px}.return-notice{padding:24px 28px;background:#fff8cb;border-left:5px solid var(--return-yellow);border-radius:8px}.return-notice p{margin:6px 0 0}.return-content{margin-top:26px;padding:34px 48px;background:#fff;border:1px solid #e6e6e4;border-radius:18px}.return-content h2{margin:26px 0 8px;font-size:21px;line-height:1.35}.return-content h2:first-child{margin-top:0}.return-content p{margin:8px 0 14px}.return-content a,.return-notice a{color:#333;text-decoration-color:#d1ab00;text-underline-offset:3px}.return-disclaimer{margin:18px 8px 0;color:var(--return-muted);font-size:12px}@media(max-width:620px){.return-page{padding:22px 14px 46px}.return-heading{padding:30px 25px 25px}.return-heading:after{width:130px;height:130px;right:-62px;top:-69px}.return-content{padding:26px 24px}.return-notice{padding:20px 22px}}
.pashop-legal-footer{margin-top:64px;background:#191919;color:#f7f7f7;border-top:1px solid rgba(255,255,255,.12);font:14px/1.5 Manrope,Arial,sans-serif}.pashop-legal-footer__inner{max-width:1200px;margin:0 auto;padding:34px 24px 20px;display:grid;grid-template-columns:minmax(150px,1fr) 2fr minmax(150px,1fr);gap:24px;align-items:center}.pashop-legal-footer__logo img{display:block;width:132px;max-height:42px;object-fit:contain;object-position:left center}.pashop-legal-footer__brand p{margin:10px 0 0;color:#aaa}.pashop-legal-footer__links{display:flex;flex-wrap:wrap;gap:10px 22px}.pashop-legal-footer a{color:#eee;text-decoration:none}.pashop-legal-footer a:hover,.pashop-legal-footer a:focus-visible{color:#ffdd2d;text-decoration:underline}.pashop-legal-footer__bank{justify-self:end;display:grid;justify-items:center;gap:6px;font-size:12px}.pashop-legal-footer__bank svg{width:128px;height:auto}.pashop-legal-footer__bank span{color:#aaa}.pashop-legal-footer__bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;color:#aaa;font-size:12px}@media(max-width:720px){.pashop-legal-footer__inner{grid-template-columns:1fr 1fr}.pashop-legal-footer__brand{grid-column:1}.pashop-legal-footer__links{grid-column:1/-1;grid-row:2}.pashop-legal-footer__bank{grid-column:2;grid-row:1}.pashop-legal-footer__bottom{grid-row:3}}@media(max-width:420px){.pashop-legal-footer__inner{padding:28px 18px 18px;gap:20px 12px}.pashop-legal-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pashop-legal-footer__bank svg{width:104px}}
:root {
  color-scheme: dark;
  --bg: #090909;
  --panel: #171717;
  --panel-hover: #222;
  --border: #2c2c2c;
  --text: #f5f5f5;
  --muted: #929292;
  --accent: #fff;
  --accent-hover: #dedede;
}

html { min-height: 100%; background: #090909; }
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  margin: 0;
  background: #090909 !important;
  color: #f5f5f5 !important;
  font-family: Manrope, "Segoe UI", Arial, sans-serif;
}

body > .container-xxl,
body > main,
body > .legal-doc,
body > .return-page { flex: 1 0 auto; }

a { color: #e7e7e7; }
a:hover { color: #fff; }

#navbar, .navbar { background: #101010 !important; border-color: #282828 !important; }
.bg-base, .game-card, .filter-panel, .library-panel {
  background: #171717 !important;
  border-color: #2c2c2c !important;
  color: #f2f2f2;
}
.form-input, .form-select, .paui-textinput, input:not([type="checkbox"]):not([type="radio"]), textarea, select {
  color: #f5f5f5;
  background-color: #1d1d1d;
  border-color: #353535;
}
.form-input::placeholder, .paui-textinput::placeholder, input::placeholder, textarea::placeholder { color: #777; }
.form-input:focus, .form-select:focus, .paui-textinput:focus, input:focus, textarea:focus, select:focus {
  border-color: #777 !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.06) !important;
  outline: none;
}
.btn, .btn-main, .paui-btn--primary {
  color: #111 !important;
  background: #f5f5f5 !important;
  border: 1px solid #f5f5f5 !important;
  box-shadow: none !important;
}
.btn:hover, .btn-main:hover, .paui-btn--primary:hover {
  color: #111 !important;
  background: #dedede !important;
  border-color: #dedede !important;
}
.paui-btn--secondary { color: #eee; background: #222 !important; border-color: #383838 !important; }

.paui-library-content { padding:0; }
.paui-library-content .paui-game-grid,.paui-profile-games .paui-game-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr)); gap:30px 24px; }
article.paui-game-card { display:grid; gap:10px; overflow:visible; border:0; border-radius:0; background:transparent; }
article.paui-game-card:hover { transform:none; border-color:transparent; }
article.paui-game-card>a.paui-game-card__banner:first-child { display:block; width:100%; height:auto; aspect-ratio:16/9; overflow:hidden; border-radius:14px; background:transparent; }
.paui-game-card .paui-game-card__banner img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.paui-game-card__banner:hover img { transform:scale(1.025); }
.paui-game-card>.paui-game-card__row { display:flex; min-width:0; align-items:center; gap:12px; padding:0; }
.paui-game-card .paui-game-card__icon { flex:0 0 56px; width:56px; height:56px; overflow:hidden; border-radius:12px; background:transparent; }
.paui-game-card .paui-game-card__icon img { width:100%; height:100%; object-fit:contain; }
.paui-game-card__copy { display:grid; min-width:0; flex:1; gap:3px; }
.paui-game-card__title { overflow:hidden; color:#f2f2f3; font-size:16px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.paui-game-card__copy>span { overflow:hidden; color:#88888e; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.paui-game-card__action { flex:0 0 52px; width:52px; height:46px; display:grid; place-items:center; border:1px solid #28282c; border-radius:13px; background:transparent; color:#b8b8bc; font-size:20px; }
.paui-game-card__action:hover { border-color:#626268; color:#fff; }
@media(max-width:550px) { .paui-library-content .paui-game-grid,.paui-profile-games .paui-game-grid { grid-template-columns:1fr; gap:22px; } .paui-game-card .paui-game-card__banner:first-child { border-radius:11px; } .paui-game-card .paui-game-card__icon { flex-basis:48px; width:48px; height:48px; } .paui-game-card__action { flex-basis:46px; width:46px; height:42px; } }

.paui-library-content { padding:0; }
.paui-library-content .paui-game-grid,.paui-profile-games .paui-game-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr)); gap:30px 24px; }
.paui-game-card { display:grid; gap:10px; overflow:visible; border:0; border-radius:0; background:transparent; }
.paui-game-card:hover { transform:none; border-color:transparent; }
.paui-game-card__banner { display:block; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:14px; background:transparent; }
.paui-game-card__banner img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.paui-game-card__banner:hover img { transform:scale(1.025); }
.paui-game-card__row { display:flex; min-width:0; align-items:center; gap:12px; }
.paui-game-card__icon { flex:0 0 56px; width:56px; height:56px; overflow:hidden; border-radius:12px; background:transparent; }
.paui-game-card__icon img { width:100%; height:100%; object-fit:contain; }
.paui-game-card__copy { display:grid; min-width:0; flex:1; gap:3px; }
.paui-game-card__title { overflow:hidden; color:#f2f2f3; font-size:16px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.paui-game-card__copy>span { overflow:hidden; color:#88888e; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.paui-game-card__action { flex:0 0 52px; width:52px; height:46px; display:grid; place-items:center; border:1px solid #28282c; border-radius:13px; background:transparent; color:#b8b8bc; font-size:20px; }
.paui-game-card__action:hover { border-color:#626268; color:#fff; }

.paui-leave-page { min-height:100vh; }
.paui-leave-shell { width:min(540px,calc(100% - 32px)); margin:clamp(60px,13vh,150px) auto 70px; text-align:center; }
.paui-leave-mark { display:grid; width:66px; height:66px; place-items:center; margin:0 auto 22px; border:1px solid #37373b; border-radius:20px; color:#ddd; font-size:25px; }
.paui-leave-shell h1 { margin:12px 0; font-size:clamp(27px,5vw,38px); letter-spacing:-.04em; }
.paui-leave-shell>p:not(.paui-message) { color:#99999f; font-size:15px; line-height:1.7; }
.paui-leave-destination { display:flex; align-items:center; gap:12px; margin:24px 0; padding:15px 17px; border-bottom:1px solid #303034; border-top:1px solid #303034; color:#ddd; text-align:left; overflow-wrap:anywhere; }
.paui-leave-destination i { color:#8d8d93; }
.paui-leave-actions { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.paui-leave-actions .paui-button { min-width:175px; }
@media(max-width:550px) { .paui-library-content .paui-game-grid,.paui-profile-games .paui-game-grid { grid-template-columns:1fr; gap:22px; } .paui-game-card__banner { border-radius:11px; } .paui-game-card__icon { flex-basis:48px; width:48px; height:48px; } .paui-game-card__action { flex-basis:46px; width:46px; height:42px; } }

.pashop-store { min-height:100vh; padding-top:0; background:#111318; color:#f1f3f7; font-family:Manrope,"Segoe UI",Arial,sans-serif; }
.paui-shell { width:min(1100px,calc(100% - 36px)); margin:30px auto 70px; }
.paui-page-title { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:0 0 22px; }
.paui-page-title h1,.paui-profile h1 { margin:4px 0 0; font-size:clamp(28px,4vw,38px); letter-spacing:-.04em; }
.paui-kicker { color:#8d96a5; font-size:10px; font-weight:800; letter-spacing:.16em; }
.paui-panel { min-width:0; padding:22px; border:1px solid #2a303c; border-radius:16px; background:#181c24; }
.paui-panel h2 { margin:0 0 15px; font-size:19px; }
.paui-panel h3 { color:#d9dde5; font-size:14px; }
.paui-columns { display:grid; grid-template-columns:minmax(0,2fr) minmax(200px,1fr); gap:16px; margin:16px 0; }
.paui-muted,.paui-note { color:#9ca3af; line-height:1.65; }
.paui-button { display:inline-flex; min-height:42px; align-items:center; justify-content:center; padding:0 17px; border:1px solid #f1f3f7; border-radius:10px; background:#f1f3f7; color:#111318; font-family:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.paui-button:hover { background:#dfe2e8; color:#111318; }
.paui-button:disabled { opacity:.5; cursor:not-allowed; }
.paui-button--quiet { border-color:#343b48; background:#202631; color:#eef0f4; }
.paui-profile-cover { height:170px; border-radius:17px; background:linear-gradient(120deg,#222936,#171a20 60%,#303744); }
.paui-profile-head { display:flex; align-items:center; gap:18px; margin:-38px 16px 20px; position:relative; }
.paui-avatar { width:90px; height:90px; object-fit:cover; border:5px solid #111318; border-radius:22px; background:#252a33; }
.paui-profile-head h1 { font-size:30px; }
.paui-profile-head p { margin:3px 0 0; color:#9ca3af; }
.paui-profile-head .paui-button { margin-left:auto; }
.paui-meta { display:grid; gap:9px; color:#aeb5c1; font-size:13px; }
.paui-game-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:13px; }
.paui-game-card { overflow:hidden; border:1px solid #2a303c; border-radius:13px; background:#141820; }
.paui-game-card>a:first-child { display:block; height:145px; background:#292e37; }
.paui-game-card img { width:100%; height:100%; object-fit:contain; }
.paui-game-card>div { padding:12px; }
.paui-game-card__integrity { width:calc(100% - 24px); margin:0 12px 12px; }
.paui-game-card h3 { margin:0 0 6px; font-size:15px; }
.paui-game-card p { min-height:34px; margin:0 0 12px; color:#929baa; font-size:12px; }
.paui-game-card .paui-button { width:100%; min-height:36px; font-size:12px; }
.paui-count { padding:7px 11px; border:1px solid #343b48; border-radius:20px; color:#b8bfca; font-size:12px; }
.paui-cart-layout { grid-template-columns:minmax(0,2fr) minmax(245px,.9fr); align-items:start; }
.paui-cart-item { display:grid; grid-template-columns:100px 1fr auto; align-items:center; gap:14px; padding:0 0 14px; border-bottom:1px solid #2a303c; }
.paui-cart-item+.paui-cart-item { padding-top:14px; }
.paui-cart-item img { width:100px; height:66px; object-fit:contain; border-radius:9px; background:#292e37; }
.paui-cart-item h3 { margin:0 0 5px; font-size:15px; }
.paui-cart-item p { margin:0; color:#9ca3af; font-size:13px; }
.paui-remove { border:0; background:none; color:#9ca3af; cursor:pointer; }
.paui-total-line { display:flex; justify-content:space-between; margin:14px 0; color:#adb4c0; }
.paui-total { padding-top:14px; border-top:1px solid #343b48; color:white; }
.paui-cart-layout aside .paui-button { width:100%; }
.paui-empty { padding:32px 0; color:#999; text-align:center; }
.paui-game-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:18px; align-items:start; }
.paui-game-aside { position:sticky; top:86px; }
.paui-game-cover { width:100%; aspect-ratio:1; object-fit:contain; border-radius:13px; background:transparent; }
.paui-game-aside h1 { margin:14px 0 5px; font-size:22px; }
.paui-game-aside .paui-button { width:100%; margin-top:9px; }
.paui-game-main { display:grid; gap:16px; }
.paui-game-main p { color:#b0b7c3; line-height:1.75; white-space:pre-line; }
.paui-gallery { display:flex; gap:10px; overflow:auto; margin-bottom:20px; }
.paui-gallery img { width:min(320px,65%); aspect-ratio:16/9; object-fit:cover; border-radius:10px; background:#252a33; }
.paui-tags { display:flex; flex-wrap:wrap; gap:8px; }
.paui-tags span { padding:6px 10px; border:1px solid #343b48; border-radius:20px; color:#c4cad4; font-size:12px; }
.paui-stack { display:grid; gap:12px; }
.paui-stack article { padding:13px; border:1px solid #303744; border-radius:11px; }
.paui-stack h3 { margin:0 0 5px; }
.paui-stack p { margin:0; font-size:13px; }
.paui-message { min-height:22px; margin:16px 0; color:#f0c875; }
@media(max-width:700px) { .paui-columns,.paui-cart-layout,.paui-game-layout { grid-template-columns:1fr; } .paui-game-aside { position:static; } .paui-game-cover { max-height:260px; } .paui-profile-cover { height:120px; } .paui-profile-head { align-items:flex-start; flex-wrap:wrap; margin-left:8px; } .paui-profile-head .paui-button { width:100%; margin:0; } .paui-cart-item { grid-template-columns:76px 1fr auto; gap:10px; } .paui-cart-item img { width:76px; height:60px; } }

.paui-shell--profile { width:min(1510px,calc(100% - 48px)); margin-top:20px; }
.paui-profile-cover { position:relative; height:clamp(270px,31vw,440px); overflow:hidden; border-radius:28px; background-color:#25262a; background-position:center 42%; background-size:cover; }
.paui-profile-cover__shade { position:absolute; inset:35% 0 0; background:linear-gradient(0deg,rgba(8,8,9,.8),transparent); }
.paui-profile-head { align-items:flex-end; gap:22px; margin:-70px 32px 54px; z-index:1; }
.paui-avatar { flex:0 0 142px; width:142px; height:142px; border:0; border-radius:24px; box-shadow:0 8px 30px #0008; }
.paui-profile-identity { min-width:0; padding-bottom:3px; }
.paui-profile-identity h1 { margin:0 0 7px; font-size:clamp(28px,3vw,42px); }
.paui-profile-identity>p { margin:0 0 13px; color:#a4a4a8; }
.paui-presence { display:flex; align-items:center; gap:8px; margin:-5px 0 12px; color:#99999e; font-size:13px; }
.paui-presence::before { content:""; width:8px; height:8px; border-radius:50%; background:#777; }
.paui-presence.is-online::before { background:#38c878; box-shadow:0 0 10px #38c87866; }
.paui-presence.is-in_game::before { background:#6da8ff; box-shadow:0 0 10px #6da8ff66; }
.dev-banner-preview { width:180px!important; height:60px!important; border-radius:10px!important; }
.dev-banner-preview img { width:100%; height:100%; object-fit:cover; }
.paui-profile-stats { display:flex; flex-wrap:wrap; gap:18px; color:#929297; font-size:14px; }
.paui-profile-stats i { margin-right:5px; }
.paui-profile-stats b { color:#d8d8dc; font-weight:500; }
.paui-profile-actions { display:flex; align-items:center; gap:10px; margin-left:auto; padding-bottom:4px; }
.paui-profile-actions #friendButton { min-width:178px; gap:9px; }
.paui-profile-actions .paui-button { width:auto; margin-left:0; }
.paui-icon-button { width:52px; height:52px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #303034; border-radius:16px; background:#111; color:#eee; font-size:18px; cursor:pointer; }
.paui-icon-button:hover { background:#242428; color:#fff; }
.paui-profile-more { position:relative; }
.paui-profile-more summary { list-style:none; }
.paui-profile-more summary::-webkit-details-marker { display:none; }
.paui-more-menu { position:absolute; z-index:5; top:calc(100% + 8px); right:0; width:190px; padding:6px; border:1px solid #343438; border-radius:12px; background:#1b1b1d; box-shadow:0 12px 32px #0008; }
.paui-more-menu button { width:100%; padding:11px; border:0; border-radius:8px; background:transparent; color:#eee; text-align:left; cursor:pointer; }
.paui-more-menu button:hover { background:#2b2b2e; }
.paui-profile-content { display:grid; grid-template-columns:minmax(0,1fr) 355px; align-items:start; gap:56px; }
.paui-about>h2 { margin:0 0 24px; font-size:30px; font-weight:600; }
.paui-about>p { color:#99999e; font-size:18px; line-height:1.8; white-space:pre-line; }
.paui-profile-side { display:grid; gap:18px; }
.paui-contact-panel { padding:22px 24px; border-radius:22px; background:#19191b; }
.paui-contact-panel h2 { margin-bottom:18px; font-size:20px; font-weight:500; }
.paui-contact-panel p { color:#929297; font-size:14px; line-height:1.65; }
.paui-contact-panel .paui-meta>div { display:flex; align-items:center; gap:11px; color:#a7a7ac; }
.paui-contact-panel .paui-meta i { color:#85858a; font-size:17px; }
.paui-share-link { display:flex; align-items:center; gap:7px; padding:0; border:0; background:none; color:#d1d1d5; cursor:pointer; }
.paui-share-link:hover { color:white; }
.paui-profile-games { margin-top:38px; padding:20px 0 0; border:0; border-top:1px solid #28282b; border-radius:0; background:transparent; }
.paui-section-heading { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:16px; }
.paui-section-heading h2 { margin:0; font-size:22px; }
.paui-section-heading span { color:#888; font-size:13px; }
.paui-profile-empty { grid-column:1/-1; color:#96969b; }
.paui-sdk-page { width:min(1000px,calc(100% - 40px)); margin-top:54px; margin-bottom:70px; }
.paui-sdk-heading { max-width:700px; margin:0 auto 36px; text-align:center; }
.paui-sdk-eyebrow,.paui-sdk-label { color:#95959d; font-size:11px; font-weight:700; letter-spacing:.16em; }
.paui-sdk-heading h1 { margin:10px 0; font-size:clamp(36px,6vw,58px); letter-spacing:-.04em; }
.paui-sdk-heading p,.paui-sdk-card p,.paui-sdk-note p { color:#a5a5ac; line-height:1.7; }
.paui-sdk-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.paui-sdk-card { padding:28px; border-radius:18px; background:linear-gradient(145deg,#1c1d20,#141416); }
.paui-sdk-icon { width:48px; height:48px; display:grid; place-items:center; margin-bottom:20px; border-radius:14px; background:#292a2e; color:#eee; font-size:22px; }
.paui-sdk-card h2 { margin:7px 0; font-size:28px; }
.paui-sdk-card .paui-button { display:inline-flex; align-items:center; gap:9px; margin-top:9px; text-decoration:none; }
.paui-sdk-note { margin-top:20px; padding:24px 28px; border-radius:18px; }
.paui-sdk-note h2 { margin:0; font-size:20px; }
.paui-sdk-note code { color:#e4e4e8; }
.paui-sdk-note a { color:#c1c8ff; }
@media(max-width:650px) { .paui-sdk-page { width:calc(100% - 24px); margin-top:28px; } .paui-sdk-grid { grid-template-columns:1fr; } .paui-sdk-card { padding:22px; } }
@media(max-width:850px) { .paui-profile-content { grid-template-columns:minmax(0,1fr) 280px; gap:26px; } .paui-profile-head { margin-right:14px; margin-left:14px; gap:15px; } .paui-avatar { flex-basis:112px; width:112px; height:112px; border-radius:20px; } .paui-profile-actions { gap:7px; } .paui-icon-button { width:44px; height:44px; } .paui-profile-actions #friendButton { min-width:0; padding:0 12px; } }
@media(max-width:620px) { .paui-shell--profile { width:calc(100% - 24px); margin-top:12px; } .paui-profile-cover { height:220px; border-radius:19px; } .paui-profile-head { align-items:flex-start; flex-wrap:wrap; margin:-42px 9px 30px; gap:12px; } .paui-avatar { flex-basis:84px; width:84px; height:84px; border-radius:17px; } .paui-profile-identity { padding-top:43px; } .paui-profile-identity h1 { font-size:24px; } .paui-profile-identity>p { margin-bottom:7px; font-size:13px; } .paui-profile-stats { gap:10px; font-size:12px; } .paui-profile-actions { width:100%; margin:3px 0 0; padding:0; } .paui-profile-actions #friendButton { flex:1; min-height:44px; } .paui-icon-button { width:44px; height:44px; } .paui-profile-content { grid-template-columns:1fr; gap:18px; } .paui-about>h2 { margin-bottom:13px; font-size:24px; } .paui-about>p { font-size:15px; } .paui-profile-side { grid-row:2; } }

.paui-game-shell { width:min(1100px,calc(100% - 36px)); margin-top:24px; }
.paui-game-layout { display:grid; grid-template-columns:244px minmax(0,1fr); gap:14px; align-items:start; }
.paui-game-aside { display:grid; gap:10px; position:sticky; top:16px; }
.paui-game-aside .paui-panel,.paui-game-main .paui-panel { padding:14px; border-radius:9px; background:#131313; border-color:#191919; }
.paui-game-product { padding:12px!important; }
.paui-game-product__cover { width:100%; aspect-ratio:1; overflow:hidden; border-radius:7px; background:#202020; }
.paui-game-product__cover img { display:block; width:100%; height:100%; object-fit:contain; }
.paui-game-product__copy h1 { margin:9px 0 2px; font-size:20px; line-height:1.2; }
.paui-game-developer { display:block; margin-bottom:10px; color:#c8c8c8; font-size:14px; }
.paui-game-badge { display:inline-flex; margin-top:9px; padding:4px 7px; border-radius:4px; background:#242424; color:#bababa; font-size:10px; }
.paui-game-primary,.paui-game-secondary { width:100%; min-height:38px; padding:0 11px; border-radius:6px!important; font-size:13px; }
.paui-game-primary { color:#161616!important; background:#f0f0f0!important; }
.paui-game-secondary { margin-top:7px; border-color:#333!important; background:#242424!important; color:#eee!important; }
.paui-game-action-note { margin:9px 0 0; color:#aaa; font-size:11px; line-height:1.5; }
.paui-game-facts h2 { margin:0 0 8px; font-size:14px; }
.paui-game-facts .paui-meta { gap:5px; font-size:12px; }
.paui-game-facts .paui-meta>div { display:flex; gap:6px; }
.paui-game-facts .paui-meta>div::first-letter { color:#888; }
.paui-feature-list { margin:0; padding-left:16px; color:#ccc; font-size:12px; line-height:1.6; }
.paui-age { display:grid; min-height:54px; place-items:center; border-radius:6px; background:#202020; font-size:24px; font-weight:700; }
.paui-game-links { display:grid; gap:6px; }
.paui-game-links a { display:flex; gap:7px; align-items:center; color:#ddd; font-size:13px; }
.paui-game-showcase { overflow:hidden; }
.paui-game-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.paui-game-gallery__image { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:6px; background:#202020; cursor:zoom-in; }
.paui-game-gallery__image:first-child { grid-column:1/-1; aspect-ratio:16/9; }
.paui-game-gallery__empty { grid-column:1/-1; display:grid; min-height:280px; place-items:center; border-radius:6px; background:#202020; color:#777; }
.paui-game-summary { display:flex; align-items:end; justify-content:space-between; gap:12px; padding-top:13px; }
.paui-game-summary h2 { margin:4px 0 0; font-size:17px; }
.paui-game-summary .paui-tags { justify-content:end; }
.paui-game-summary .paui-tags span { padding:4px 8px; font-size:10px; }
.paui-game-description h2,.paui-game-requirements h2,.paui-game-reviews h2,.paui-game-updates h2 { margin:0 0 8px; font-size:15px; }
.paui-game-description p { margin:0; color:#ddd; font-size:13px; line-height:1.6; white-space:pre-line; }
.paui-game-requirements .paui-columns { margin:0; gap:20px; }
.paui-game-requirements h3 { margin:0 0 6px; color:#f0f0f0; font-size:12px; }
.paui-game-requirements .paui-meta { gap:4px; font-size:12px; }
.paui-review-heading { display:flex; justify-content:space-between; align-items:baseline; }
.paui-review-heading span { color:#999; font-size:11px; }
.paui-review-form { display:grid; gap:8px; margin:10px 0 14px; padding:11px; border-radius:7px; background:#1a1a1a; }
.paui-review-form>label { font-size:12px; }
.paui-review-form textarea { min-height:70px; resize:vertical; padding:9px; border:1px solid #363636; border-radius:6px; background:#111; color:#eee; font:inherit; font-size:12px; }
.paui-review-form__actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; color:#bbb; font-size:11px; }
.paui-review-form__actions label { cursor:pointer; }
.paui-review-form__actions .paui-button { min-height:31px; margin-left:auto; padding:0 11px; border-radius:6px!important; font-size:11px; }
.paui-review-login-hint { color:#aaa; text-align:center; }
.paui-game-reviews .paui-stack { gap:8px; }
.paui-game-reviews .paui-stack>article { display:flex; gap:9px; padding:10px; border:0; border-radius:7px; background:#1a1a1a; }
.paui-review__avatar,.paui-review__avatar-fallback { flex:0 0 36px; width:36px; height:36px; overflow:hidden; border-radius:50%; object-fit:cover; background:#292929; }
.paui-review__avatar-fallback { display:grid; place-items:center; font-size:21px; }
.paui-review__body { min-width:0; flex:1; }
.paui-review__top { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.paui-review__top strong { font-size:12px; }
.paui-review__top time { color:#888; font-size:10px; }
.paui-review__rating { margin-left:auto; font-size:10px; }
.paui-review__rating.is-positive { color:#8ecb9c; }
.paui-review__rating.is-negative { color:#d38b8b; }
.paui-game-reviews .paui-review__body p { margin:5px 0 0; color:#ddd; font-size:12px; line-height:1.5; white-space:pre-line; }
.paui-game-lightbox { max-width:min(92vw,1200px); max-height:90vh; padding:0; border:0; background:#090909; }
.paui-game-lightbox::backdrop { background:#000d; }
.paui-game-lightbox img { display:block; max-width:90vw; max-height:88vh; object-fit:contain; }
@media(max-width:700px) { .paui-game-shell { width:calc(100% - 24px); margin-top:14px; } .paui-game-layout { grid-template-columns:1fr; } .paui-game-aside { position:static; grid-template-columns:120px minmax(0,1fr); align-items:start; } .paui-game-product { grid-column:1/-1; display:grid; grid-template-columns:105px minmax(0,1fr); gap:12px; align-items:center; } .paui-game-product__cover { grid-row:1/5; } .paui-game-product__copy h1 { margin-top:0; font-size:18px; } .paui-game-badge { margin-top:0; margin-bottom:5px; } .paui-game-product__copy .paui-game-primary,.paui-game-product__copy .paui-game-secondary { grid-column:1/-1; } .paui-game-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); } .paui-game-gallery__image:first-child { aspect-ratio:16/10; } .paui-game-summary { display:grid; } .paui-game-summary .paui-tags { justify-content:start; } .paui-game-requirements .paui-columns { grid-template-columns:1fr 1fr; } }
@media(max-width:420px) { .paui-game-aside { grid-template-columns:1fr; } .paui-game-product { grid-template-columns:88px minmax(0,1fr); } .paui-game-requirements .paui-columns { grid-template-columns:1fr; } .paui-review__top { gap:4px 7px; } }
.site-main-nav { position: fixed; inset: 0 0 auto; z-index: 100; font-family: Manrope, "Segoe UI", Arial, sans-serif; }
.site-main-nav [hidden] { display: none !important; }
.site-main-nav .store-nav__inner { width: min(var(--paui-store-width, 1510px), calc(100% - 48px)); }
.site-main-nav .store-nav__tabs a.is-active { color: #eee; background: #1b1b1b; }
.site-main-nav .store-nav__actions[hidden] { display: none !important; }
.site-main-nav .store-user-avatar { position: relative; overflow: hidden; }
.site-main-nav .store-user-avatar img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.site-main-nav .store-user-avatar i { display: grid; width: 100%; height: 100%; place-items: center; }
.site-main-nav .store-user-avatar.has-avatar [data-user-avatar-fallback] { display: none !important; }
.store-nav--compact .store-nav__inner { grid-template-columns: 142px 1fr auto; }
.store-account-menu { position: relative; }
.store-account-menu > summary { list-style: none; cursor: pointer; }
.store-account-menu > summary::-webkit-details-marker { display: none; }
.store-account-menu__panel { position: absolute; z-index: 120; top: calc(100% + 10px); right: 0; width: 220px; display: grid; gap: 4px; padding: 9px; border: 1px solid #303030; border-radius: 16px; background: #171717; box-shadow: 0 16px 40px #0009; }
.store-account-menu__panel > span, .store-account-menu__panel > a, .store-account-menu__panel > button { min-height: 40px; display: flex; align-items: center; padding: 0 12px; border: 0; border-radius: 10px; background: transparent; color: #bbb; font: inherit; text-align: left; }
.store-account-menu__panel > span { color: #fff; font-weight: 700; }
.store-account-menu__panel > a:hover, .store-account-menu__panel > button:hover { background: #242424; color: #fff; }
body.site-maintenance { padding-top: 96px !important; }
body.site-auth-page { padding-top: 96px !important; }
@media (max-width: 980px) {
  .site-main-nav { height: 148px !important; }
  .site-main-nav .store-nav__inner { width: calc(100% - 32px); }
  .pashop-dev { padding-top: 148px !important; }
  body.site-maintenance { padding-top: 148px !important; }
  body.site-auth-page { padding-top: 148px !important; }
}
@media (max-width: 650px) {
  .site-main-nav { height: 124px !important; }
  .site-main-nav .store-nav__inner { width: calc(100% - 24px); }
  .pashop-dev { padding-top: 124px !important; }
  body.site-maintenance { padding-top: 124px !important; }
  body.site-auth-page { padding-top: 124px !important; }
}
body.site-maintenance { padding-top: 96px !important; }
@media (max-width: 700px) { body.site-maintenance { padding-top: 72px !important; } }


body.site-auth-page { padding-top: 0 !important; }
.site-auth-page .container-xxl { width: 100%; }
.site-auth-page .content > .d-flex {
  height: auto !important;
  min-height: min(72vh, 680px);
  padding: 44px 0;
}
.site-auth-page .bg-base { padding: 24px !important; border-radius: 18px !important; }
.site-auth-page .bg-base .form-input { width: min(300px, calc(100vw - 88px)) !important; }
.site-auth-page img[alt="Pashop logo"], .site-auth-page .auth-logo { width: 76px !important; height: 76px !important; object-fit: contain; }
.site-auth-page h4 { margin: 12px 0 0 !important; font-size: 23px; }
.site-auth-page form { width: min(360px, calc(100vw - 36px)); }
.site-auth-page form .form-input { width: 100% !important; height: 48px; margin-bottom: 12px !important; }
.site-auth-page .btn { width: 100%; min-height: 46px; }

.return-page { width: min(100%, 960px); margin: 0 auto; padding: 30px 24px 56px; color: #f2f2f2; }
.return-back { color: #aaa !important; }
.return-heading, .return-content {
  color: #f2f2f2;
  background: #171717 !important;
  border: 1px solid #2c2c2c !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.18);
}
.return-heading:after { background: rgba(255,255,255,.04) !important; }
.return-mark { color: #111; background: #f5f5f5 !important; }
.return-eyebrow, .return-date, .return-heading > p:not(.return-eyebrow), .return-disclaimer { color: #999 !important; }
.return-notice { color: #eee; background: #202020 !important; border-left-color: #aaa !important; }
.return-content a, .return-notice a { color: #fff !important; text-decoration-color: #aaa; }

.pashop-legal-footer {
  width: 100%;
  flex: 0 0 auto;
  margin: auto 0 0 !important;
  padding-top: 28px;
  background: #111 !important;
  border-top-color: #292929 !important;
}
.pashop-legal-footer__inner { width: min(100%, 1248px); }
.pashop-legal-footer__bottom { border-top-color: #292929 !important; }
.pashop-legal-footer a:hover, .pashop-legal-footer a:focus-visible { color: #fff !important; }

@media (max-width: 600px) {
  .return-page { padding: 22px 14px 38px; }
  .site-auth-page .content > .d-flex { min-height: 62vh; padding: 32px 0; }
}
.paui-btn {
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    font-weight: 700;
    border-radius: 0.875rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ffffff;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.paui-btn:hover {
    transform: translateY(-1px);
}

.paui-btn:active {
    transform: translateY(0);
}

.paui-btn--primary {
    background: linear-gradient(180deg, #5a82ff 0%, #3e67eb 100%);
    box-shadow: 0 10px 24px rgba(44, 85, 214, 0.28);
}

.paui-btn--primary:hover {
    background: linear-gradient(180deg, #678cff 0%, #4a73f0 100%);
}

.paui-btn--primary:active {
    background: linear-gradient(180deg, #4b70e8 0%, #3559cd 100%);
}

.paui-btn--secondary {
    background: rgba(255, 255, 255, 0.08);
}

.paui-btn--secondary:hover {
    background: rgba(255, 255, 255, 0.12);
}

.paui-btn--secondary:active {
    background: rgba(255, 255, 255, 0.1);
}

.paui-textinput {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    border-radius: 0.875rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    outline: none;
    box-sizing: border-box;
    transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.paui-textinput::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

.paui-textinput:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
}

.paui-textinput:focus {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(90, 130, 255, 0.45);
    box-shadow: 0 0 0 0.2rem rgba(90, 130, 255, 0.16) !important;
}

:root {
  color-scheme: dark;
  --bg: #090909;
  --panel: #191919;
  --panel-hover: #242424;
  --border: #2b2b2b;
  --text: #f5f5f5;
  --muted: #909090;
  --accent: #f5f5f5;
  --accent-hover: #dedede;
  --paui-radius-card: 22px;
  --paui-store-width: 1510px;
}

.store-page { min-height: 100vh; margin: 0; padding: 0; background: #090909; color: #f5f5f5; font-family: Manrope, "Segoe UI", Arial, sans-serif; }
.store-page *, .store-page *::before, .store-page *::after { box-sizing: border-box; }
.store-page a { color: inherit; text-decoration: none; }
.store-page button, .store-page input { color: inherit; font: inherit; }
.store-nav { width: 100%; height: 80px; background: rgba(9,9,9,.98); }
.store-nav__inner { width: min(var(--paui-store-width), calc(100% - 40px)); height: 100%; margin: 0 auto; display: grid; grid-template-columns: 115px 270px minmax(200px, 1fr) auto; gap: 16px; align-items: center; }
.store-logo { width: 44px; height: 44px; display: grid; place-items: center; }
.store-logo img { display: block; width: 42px; height: 42px; object-fit: contain; }
.store-nav__tabs { display: flex; align-items: center; gap: 8px; }
.store-nav__tabs a { min-height: 46px; display: flex; align-items: center; padding: 0 22px; border-radius: 16px; color: #919191; font-size: 18px; white-space: nowrap; }
.store-nav__tabs a:hover { color: #fff; }
.store-nav__tabs .store-downloads-link { appearance: none; min-height: 46px; display: flex; align-items: center; gap: 8px; padding: 0 22px; border: 0; border-radius: 0; background: transparent; color: #919191; font: inherit; font-size: 18px; line-height: inherit; white-space: nowrap; cursor: pointer; }
.store-nav__tabs .store-downloads-link:hover { color: #fff; background: transparent; }
.store-nav__tabs .store-downloads-link[hidden] { display: none !important; }
.store-nav__tabs a.is-active { color: #eee; background: #1b1b1b; }
.store-search { width: min(100%,390px); min-width: 0; justify-self: center; height: 54px; display: flex; align-items: center; gap: 12px; padding: 0 17px; border: 1px solid #2d2d2d; border-radius: 20px; background: #191919; color: #858585; }
.store-search > i { font-size: 19px; }
.store-search input { min-width: 0; width: 100%; height: 100%; border: 0; outline: 0; background: transparent; color: #eee; font-size: 16px; }
.store-search input::placeholder { color: #686868; opacity: 1; }
.store-search:focus-within { border-color: #5b5b5b; }
.store-nav__actions { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.store-cart, .store-balance { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 12px; border: 1px solid #2b2b2b; border-radius: 17px; background: #151515; color: #bcbcbc; }
.store-cart { width: 52px; font-size: 21px; }
.store-balance { font-size: 14px; }
.store-balance__add { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #343434; border-radius: 11px; font-size: 16px; }
.store-user-avatar { width: 40px; height: 40px; display: grid; place-items: center; border: 2px solid #373737; border-radius: 50%; background: radial-gradient(circle at 36% 30%, #bea58b, #696066 55%, #252529 57%); color: #eee; font-size: 16px; font-weight: 800; text-transform: uppercase; }
.store-auth-link { padding: 10px 12px; color: #aaa !important; font-size: 16px; }
.store-register { min-height: 46px; display: inline-flex; align-items: center; padding: 0 20px; border-radius: 16px; background: #f5f5f5; color: #111 !important; font-size: 16px; }
.store-main { width: min(var(--paui-store-width), calc(100% - 40px)); margin: 0 auto; }
.store-hero { position: relative; z-index: 0; height: clamp(250px, 22vw, 340px); overflow: hidden; isolation: isolate; border-radius: 0 0 32px 32px; background: #777; }
.store-hero__scene { position: absolute; z-index: 0; inset: 0; overflow: hidden; background: #777; }
.store-hero__shade { position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 78%); }
.store-hero__scene.has-cover > * { display: none; }
.store-hero__scene.has-cover::before { display: none; }
.store-hero:not(.has-cover) .store-hero__shade,
.store-hero.is-loading .store-hero__shade { display: none; }
.store-hero.has-cover .store-hero__shade { display: none; }
.store-hero__loading-bar { position: absolute; z-index: 2; right: 12%; bottom: 40px; left: 12%; height: 38px; border-radius: 12px; background: #a4a4a4; }
.store-hero__loading-bar[hidden] { display: none; }
.store-hero__content { position: absolute; z-index: 2; right: 40px; bottom: 40px; left: 40px; display: flex; align-items: center; gap: 22px; }
.store-app-icon { width: 96px; height: 96px; flex: 0 0 96px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 24px; box-shadow: 0 10px 22px rgba(0,0,0,.24); }
.store-app-icon img { display: block; width: 100%; height: 100%; object-fit: cover; }
.store-hero__copy { min-width: 0; flex: 1; }
.store-hero__copy h1 { margin: 0 0 5px; color: white; font-size: clamp(28px,2.6vw,38px); font-weight: 700; letter-spacing: -.04em; }
.store-hero__copy p { max-width: 680px; margin: 0; color: #b7b7b7; font-size: clamp(14px,1.15vw,18px); line-height: 1.45; }
.store-hero__button { min-height: 48px; display: inline-flex; align-items: center; gap: 11px; padding: 0 21px; border: 1px solid #484848; border-radius: 16px; background: rgba(25,25,25,.72); color: #eee !important; font-size: 15px; white-space: nowrap; }
.store-hero__button:hover, .store-cart:hover, .store-balance:hover { background: #252525; }
.store-hero__arrow { position: absolute; z-index: 3; top: 50%; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #ffffff55; border-radius: 50%; background: #09090999; color: #fff; cursor: pointer; transform: translateY(-50%); }
.store-hero [hidden] { display: none !important; }
.store-hero__arrow:hover { background: #090909dd; }
.store-hero__arrow--previous { left: 20px; }
.store-hero__arrow--next { right: 20px; }
.store-hero__dots { position: absolute; z-index: 3; bottom: 17px; left: 50%; display: flex; gap: 8px; transform: translateX(-50%); }
.store-hero__dot { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 99px; background: #929292; cursor: pointer; transition: width .2s, background .2s; }
.store-hero__dot.is-active { width: 30px; background: #f5f5f5; }
.store-layout { display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 28px; align-items: start; margin-top: 52px; }
.store-filter { overflow: hidden; padding: 6px 10px 12px; border: 1px solid #292929; border-radius: 28px; background: #191919; }
.store-filter__group { border-bottom: 1px solid #303030; }
.store-filter__group:last-of-type { border-bottom: 0; }
.store-filter__group summary { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 14px; color: #aaa; cursor: pointer; font-size: 13px; font-weight: 600; letter-spacing: .06em; list-style: none; text-transform: uppercase; }
.store-filter__group summary::-webkit-details-marker { display: none; }
.store-filter__group summary > i { color: #eee; font-size: 16px; transition: transform .18s; }
.store-filter__group[open] summary > i { transform: rotate(90deg); }
.store-filter__options { display: grid; gap: 2px; padding: 0 12px 14px; }
.store-filter__options a { min-height: 42px; display: flex; align-items: center; gap: 12px; padding: 0 14px; border-radius: 13px; color: #939393; font-size: 15px; }
.store-filter__options a:hover { color: #fff; background: #242424; }
.store-filter__options a.is-selected { justify-content: flex-start; color: #f0f0f0; background: #262626; }
.store-filter__options a .bi-check2 { margin-left: auto; color: #24b98e; font-size: 20px; }
.store-filter__actions { display: grid; gap: 8px; padding: 10px 8px 0; }
.store-button { min-height: 55px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 20px; border: 1px solid transparent; border-radius: 17px; cursor: pointer; font-size: 17px; }
.store-button--light { background: #f5f5f5; color: #171717 !important; }
.store-button--light:hover { background: #dedede; }
.store-button--outline { border-color: #303030; background: transparent; color: #aaa; }
.store-button--outline:hover { border-color: #555; color: #eee; }
.store-results { min-width: 0; }
.store-section-heading { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 6px; }
.store-section-heading h2 { margin: 0; color: #f3f3f3; font-size: 28px; font-weight: 600; letter-spacing: -.045em; }
.store-section-heading > a { color: #999; font-size: 13px; white-space: nowrap; }
.store-section-heading > a:hover { color: #fff; }
.store-section-heading > a i { margin-left: 8px; }
.store-product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 18px; }
.store-layout.store-layout--home { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 28px; }
.store-home-content { min-width: 0; }
.store-home-section + .store-home-section { margin-top: 36px; }
.store-filter__actions .store-button { min-height: 44px; padding: 0 10px; border-radius: 14px; font-size: 13px; }
.store-product-grid--skeleton { pointer-events: none; }
.store-skeleton-card { min-width: 0; min-height: 104px; display: flex; align-items: center; gap: 16px; padding: 10px 0; }
.store-skeleton-card > span { width: 78px; height: 78px; flex: 0 0 78px; border-radius: 20px; background: #777; }
.store-skeleton-card > div { flex: 1; display: grid; gap: 12px; }
.store-skeleton-card i { display: block; height: 14px; border-radius: 9px; background: #777; }
.store-skeleton-card i:last-child { width: 68%; height: 10px; background: #606060; }
.store-product { min-width: 0; min-height: 104px; display: flex; align-items: center; gap: 16px; padding: 10px 0; }
.store-product__icon { width: 78px; height: 78px; flex: 0 0 78px; display: grid; place-items: center; overflow: hidden; border-radius: 20px; background: #232323; color: white; font-size: 34px; font-weight: 700; }
.store-product__icon img { display: block; width: 100%; height: 100%; object-fit: cover; }
.store-product__copy { min-width: 0; flex: 1; display: grid; gap: 6px; }
.store-product__name { overflow: hidden; color: #efefef; font-size: 19px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.store-product__copy > span { overflow: hidden; color: #676767; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.store-download { width: 72px; height: 48px; flex: 0 0 72px; display: grid; place-items: center; border: 1px solid #303030; border-radius: 16px; color: #aaa !important; font-size: 18px; }
.store-download:hover { border-color: #626262; color: #fff !important; background: #191919; }
.store-main--search { padding-top: 0; }
.store-alert { min-height: 108px; display: flex; align-items: center; gap: 25px; padding: 0 38px; border: 1px solid #2b2b2b; border-radius: 38px; background: #191919; color: #bdbdbd; font-size: 18px; }
.store-alert > i { color: #ddd; font-size: 27px; }
.store-alert > span { flex: 1; }
.store-alert button { min-width: 168px; min-height: 56px; border: 1px solid #383838; border-radius: 18px; background: transparent; color: #aaa; cursor: pointer; font-size: 17px; }
.store-alert button:hover { border-color: #666; color: #fff; }
.store-layout--search { margin-top: 36px; }
.store-search-results { min-height: 400px; display: grid; place-items: center; }
.store-search-results.is-loaded { display: block; }
.store-alert[hidden], .store-error-state[hidden] { display: none !important; }
.store-app-icon img { display: block; width: 100%; height: 100%; object-fit: cover; }
.store-product__price { flex: 0 0 auto; color: #aaa; font-size: 14px; white-space: nowrap; }
.store-loading, .store-search-empty { grid-column: 1 / -1; color: #888; padding: 20px 0; }
.store-search-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.store-search-heading h1 { margin: 0; color: #f3f3f3; font-size: 28px; font-weight: 600; }
.store-error-state { display: grid; justify-items: center; padding: 30px; text-align: center; }
.store-error-state__icon { margin-bottom: 18px; color: #646464; font-size: 65px; }
.store-error-state h1 { margin: 0 0 13px; color: #f2f2f2; font-size: 26px; font-weight: 700; }
.store-error-state p { margin: 0 0 28px; color: #777; font-size: 18px; }
.store-error-state .store-button { min-width: 250px; min-height: 56px; font-size: 17px; }
.store-balance { padding-right: 7px; }
.store-balance .store-user-avatar { margin-left: 2px; }
body.store-page { padding-top: 80px; }

@media (max-width: 980px) {
  body.store-page { padding-top: 148px; }
}
@media (max-width: 650px) {
  body.store-page { padding-top: 124px; }
  .store-hero__arrow { width: 38px; height: 38px; }
  .store-hero__arrow--previous { left: 10px; }
  .store-hero__arrow--next { right: 10px; }
}

@media (max-width: 1350px) {
  :root { --paui-store-width: 1180px; }
  .store-nav__inner { grid-template-columns: 64px 250px minmax(200px,1fr) auto; gap: 14px; }
  .store-search { width: min(100%,420px); }
  .store-nav__tabs a { padding: 0 20px; font-size: 17px; }
  .store-layout { grid-template-columns: 280px minmax(0,1fr); gap: 22px; }
  .store-product-grid { column-gap: 16px; }
  .store-product { gap: 14px; }
  .store-product__icon { width: 78px; height: 78px; flex-basis: 78px; border-radius: 21px; }
  .store-download { width: 60px; flex-basis: 60px; }
  .store-product__name { font-size: 19px; }
  .store-nav--compact .store-nav__inner { grid-template-columns: 64px 1fr auto; }
}
@media (max-width: 980px) {
  .site-main-nav.store-nav { height: 112px !important; }
  body.store-page { padding-top: 112px; }
  .store-nav { height: auto; min-height: 104px; }
  .store-nav__inner { width: calc(100% - 32px); min-height: 104px; grid-template-columns: 44px 1fr auto; grid-template-rows: 56px 48px; gap: 0 10px; padding-bottom: 8px; }
  .store-logo, .store-logo img { width: 40px; height: 40px; }
  .store-nav__tabs { gap: 2px; }
  .store-nav__tabs a { min-height: 42px; padding: 0 14px; border-radius: 14px; font-size: 15px; }
  .store-search { grid-column: 1 / 3; grid-row: 2; width: 100%; justify-self: stretch; height: 44px; border-radius: 15px; }
  .store-nav__actions { grid-column: 3; grid-row: 1 / 3; }
  .store-nav--compact .store-nav__inner { grid-template-columns: 48px 1fr auto; grid-template-rows: 72px; padding-bottom: 0; }
  .store-nav--compact .store-nav__actions { grid-row: 1; }
  .store-cart, .store-balance { min-height: 48px; border-radius: 15px; }
  .store-cart { width: 48px; font-size: 20px; }
  .store-balance { gap: 8px; padding: 0 6px; font-size: 13px; }
  .store-balance__add { width: 34px; height: 34px; }
  .store-user-avatar { width: 36px; height: 36px; }
  .store-auth-link { font-size: 14px; }
  .store-register { min-height: 44px; padding: 0 14px; border-radius: 14px; font-size: 14px; }
  .store-main { width: calc(100% - 32px); }
  .store-hero { height: 270px; border-radius: 0 0 26px 26px; }
  .store-hero__content { right: 22px; bottom: 38px; left: 22px; gap: 15px; }
  .store-app-icon { width: 76px; height: 76px; flex-basis: 76px; border-radius: 19px; }
  .store-hero__button { min-height: 42px; padding: 0 14px; font-size: 13px; }
  .store-layout { grid-template-columns: 220px minmax(0,1fr); gap: 16px; margin-top: 28px; }
  .store-layout.store-layout--home { grid-template-columns: 220px minmax(0,1fr); gap: 18px; }
  .store-filter { border-radius: 26px; }
  .store-filter__group summary { min-height: 48px; padding: 0 11px; font-size: 11px; }
  .store-filter__options { padding: 0 7px 10px; }
  .store-filter__options a { min-height: 36px; gap: 8px; padding: 0 10px; font-size: 12px; }
  .store-button { min-height: 40px; padding: 0 8px; font-size: 11px; }
  .store-section-heading h2 { font-size: 24px; }
  .store-product-grid { grid-template-columns: 1fr; }
  .store-skeleton-card { min-height: 88px; gap: 14px; }
  .store-skeleton-card > span { width: 66px; height: 66px; flex-basis: 66px; border-radius: 17px; }
  .store-product { min-height: 94px; }
  .store-product__icon { width: 68px; height: 68px; flex-basis: 68px; }
  .store-product__name { font-size: 17px; }
  .store-product__copy > span { font-size: 13px; }
  .store-download { height: 48px; }
  .store-alert { min-height: 82px; padding: 0 23px; border-radius: 27px; font-size: 15px; }
  .store-alert button { min-width: 120px; min-height: 46px; font-size: 14px; }
  .store-layout--search { margin-top: 26px; }
}
@media (max-width: 650px) {
  .site-main-nav.store-nav { height: 94px !important; }
  body.store-page { padding-top: 94px; }
  .store-nav__inner { width: calc(100% - 24px); min-height: 94px; grid-template-columns: 38px 1fr auto; grid-template-rows: 50px 44px; gap: 0 6px; padding-bottom: 0; }
  .store-logo, .store-logo img { width: 36px; height: 36px; }
  .store-nav__tabs a { min-height: 38px; padding: 0 10px; font-size: 13px; }
  .store-nav__actions { gap: 6px; }
  .store-nav--compact .store-nav__inner { grid-template-columns: 42px 1fr auto; grid-template-rows: 60px; }
  .store-cart { width: 40px; min-height: 40px; font-size: 17px; }
  .store-balance { min-height: 40px; gap: 5px; font-size: 11px; }
  .store-balance__add { width: 28px; height: 28px; border-radius: 9px; font-size: 14px; }
  .store-user-avatar { width: 30px; height: 30px; }
  .store-auth-link { padding: 8px 4px; font-size: 12px; }
  .store-register { min-height: 38px; padding: 0 9px; font-size: 11px; }
  .store-main { width: calc(100% - 24px); }
  .store-hero { height: 240px; }
  .store-hero__loading-bar { right: 10%; bottom: 35px; left: 10%; height: 32px; }
  .store-hero__content { right: 16px; bottom: 38px; left: 16px; flex-wrap: wrap; gap: 10px; }
  .store-app-icon { width: 58px; height: 58px; flex-basis: 58px; border-radius: 15px; }
  .store-hero__copy { flex-basis: calc(100% - 80px); }
  .store-hero__copy h1 { font-size: 22px; }
  .store-hero__copy p { font-size: 11px; }
  .store-hero__button { min-height: 36px; margin-left: auto; font-size: 11px; }
  .store-layout, .store-layout--search { grid-template-columns: 1fr; gap: 18px; margin-top: 22px; }
  .store-layout.store-layout--home { grid-template-columns: 1fr; gap: 18px; }
  .store-filter { padding: 3px 8px 10px; border-radius: 20px; }
  .store-filter__group summary { min-height: 44px; }
  .store-filter__options { grid-template-columns: 1fr 1fr; }
  .store-filter__options a { font-size: 12px; }
  .store-filter__actions { grid-template-columns: 1fr 1fr; gap: 8px; }
  .store-section-heading { min-height: 48px; }
  .store-section-heading h2 { font-size: 21px; }
  .store-section-heading > a { font-size: 11px; }
  .store-product-grid { grid-template-columns: 1fr; }
  .store-skeleton-card { min-height: 76px; gap: 12px; }
  .store-skeleton-card > span { width: 54px; height: 54px; flex-basis: 54px; border-radius: 15px; }
  .store-skeleton-card i { height: 12px; }
  .store-product { min-height: 83px; gap: 13px; }
  .store-product__icon { width: 58px; height: 58px; flex-basis: 58px; border-radius: 17px; font-size: 29px; }
  .store-download { width: 48px; height: 42px; flex-basis: 48px; border-radius: 14px; font-size: 17px; }
  .store-alert { min-height: 72px; gap: 12px; padding: 0 14px; border-radius: 21px; font-size: 12px; }
  .store-alert > i { font-size: 19px; }
  .store-alert button { min-width: 84px; min-height: 39px; border-radius: 13px; font-size: 11px; }
  .store-search-results { min-height: 300px; }
  .store-error-state { padding: 20px 8px; }
  .store-error-state__icon { font-size: 52px; }
  .store-error-state h1 { font-size: 21px; }
  .store-error-state p { font-size: 14px; }
  .store-error-state .store-button { min-width: 210px; min-height: 48px; font-size: 14px; }
}

.confirm-wrap { width: min(100% - 32px,560px); margin: auto; padding: 48px 0; flex: 1 0 auto; display: grid; place-items: center; }
.confirm-card { width: 100%; padding: 34px; border: 1px solid #2c2c2c; border-radius: 22px; background: #171717; text-align: center; }
.confirm-logo { width: 68px; height: 68px; object-fit: contain; margin-bottom: 18px; }
.confirm-eyebrow { color: #888; font-size: 10px; font-weight: 800; letter-spacing: .17em; }
.confirm-card h1 { margin: 10px 0 12px; font-size: clamp(25px,5vw,34px); letter-spacing: -.04em; }
.confirm-card p { margin: 0; color: #999; font-size: 14px; line-height: 1.75; }
.confirm-state { min-height: 30px; margin: 20px 0 24px !important; color: #ddd !important; }
.confirm-state.is-error { color: #f27b8e !important; }
.confirm-state.is-success { color: #48c99a !important; }
.confirm-actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.confirm-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 1px solid #3a3a3a; border-radius: 12px; color: #eee; text-decoration: none; }
.confirm-actions a:first-child { border-color: #f5f5f5; background: #f5f5f5; color: #111; font-weight: 700; }
@media (max-width: 520px) { .confirm-card { padding: 27px 20px; } }

.btn, .btn-main, .paui-btn--primary { color: #111 !important; background: #f5f5f5 !important; border-color: #f5f5f5 !important; box-shadow: none !important; }
.btn:hover, .btn-main:hover, .paui-btn--primary:hover { color: #111 !important; background: #dedede !important; border-color: #dedede !important; }
.paui-btn--secondary { color: #eee; background: #222 !important; border-color: #383838 !important; }

.paui-shell--game { width:min(1510px,calc(100% - 48px)); margin-top:20px; }

/* Баннер */
.paui-game-banner { position:relative; height:clamp(240px,28vw,400px); overflow:hidden; border-radius:28px; background-color:#25262a; background-position:center 42%; background-size:cover; }

/* Шапка: иконка + название + действия */
.paui-game-head { display:flex; align-items:flex-end; gap:22px; margin:-64px 32px 28px; position:relative; z-index:1; }
.paui-game-icon { flex:0 0 132px; width:132px; height:132px; overflow:hidden; border-radius:24px; background:#232323; box-shadow:0 8px 30px #0008; }
.paui-game-icon img { display:block; width:100%; height:100%; object-fit:cover; }
.paui-game-identity { min-width:0; padding-bottom:3px; }
.paui-game-identity h1 { margin:6px 0 6px; font-size:clamp(28px,3vw,42px); letter-spacing:-.04em; }
.paui-game-developer { display:inline-block; margin-bottom:12px; color:#a4a4a8; font-size:15px; }
.paui-game-developer:hover { color:#fff; }
.paui-game-badge { display:inline-flex; padding:5px 10px; border-radius:999px; background:#1b1b1b; border:1px solid #2c2c2c; color:#bababa; font-size:11px; }
.paui-game-actions { display:flex; align-items:center; gap:10px; margin-left:auto; padding-bottom:4px; }
.paui-game-actions .paui-button { min-width:178px; min-height:52px; border-radius:16px; font-size:15px; }
.paui-game-action-note { margin:-14px 32px 20px; color:#929297; font-size:13px; text-align:right; }

/* Контент: основное + сайдбар */
.paui-game-content { display:grid; grid-template-columns:minmax(0,1fr) 355px; align-items:start; gap:56px; margin-top:34px; }
.paui-game-main { display:grid; gap:0; min-width:0; }
.paui-game-side { display:grid; gap:18px; }

/* Секции без рамок, разделены линией (как «О пользователе») */
.paui-game-section { padding:0 0 34px; margin:0 0 34px; border-bottom:1px solid #28282b; }
.paui-game-section:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.paui-game-section h2 { margin:0 0 18px; font-size:26px; font-weight:600; letter-spacing:-.03em; }
.paui-game-section h3 { margin:0 0 8px; color:#d8d8dc; font-size:14px; }
.paui-game-description p { margin:0; color:#99999e; font-size:17px; line-height:1.8; white-space:pre-line; }
.paui-game-tagline { margin:18px 0 0 !important; font-size:20px !important; color:#d8d8dc; }
.paui-game-tagline:empty { display:none; }

/* Галерея */
.paui-game-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.paui-game-gallery__image { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:14px; background:#202020; cursor:zoom-in; }
.paui-game-gallery__image:first-child { grid-column:1/-1; aspect-ratio:16/9; border-radius:20px; }
.paui-game-gallery__empty { grid-column:1/-1; display:grid; min-height:260px; place-items:center; border-radius:20px; background:#171717; color:#777; }

/* Системные требования */
.paui-game-req-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.paui-game-requirements .paui-meta { gap:6px; font-size:14px; color:#929297; }

/* Отзывы */
.paui-game-reviews .paui-section-heading { margin-bottom:18px; }
.paui-game-reviews .paui-section-heading h2 { margin:0; }
.paui-review-form { margin:0 0 18px; padding:16px; border-radius:18px; background:#19191b; }
.paui-review-form textarea { min-height:90px; padding:12px; border:1px solid #303034; border-radius:13px; background:#111; font-size:14px; }
.paui-review-form__actions .paui-button { min-height:40px; padding:0 18px; border-radius:12px !important; font-size:13px; }
.paui-game-reviews .paui-stack { gap:10px; }
.paui-game-reviews .paui-stack>article { padding:14px; border-radius:16px; background:#19191b; }
.paui-game-reviews .paui-review__body p { font-size:14px; }
.paui-game-updates .paui-stack>article { padding:16px; border:0; border-radius:16px; background:#19191b; }
.paui-game-updates .paui-stack article .paui-button { margin-top:10px; min-height:38px; font-size:13px; }

/* Сайдбар — те же карточки, что «Информация» в профиле */
.paui-game-side .paui-contact-panel { padding:22px 24px; border-radius:22px; background:#19191b; border:1px solid #2a2a2d; }
.paui-game-side .paui-meta { gap:9px; font-size:14px; color:#a7a7ac; }
.paui-game-side .paui-feature-list { margin:0; padding-left:18px; color:#a7a7ac; font-size:14px; line-height:1.7; }
.paui-game-side .paui-age { min-height:64px; border-radius:14px; background:#222224; font-size:22px; }
.paui-game-side .paui-game-links a { color:#d1d1d5; font-size:14px; }
.paui-game-side .paui-game-links a:hover { color:#fff; }

/* Адаптив */
@media(max-width:850px) {
 .paui-game-content { grid-template-columns:minmax(0,1fr) 280px; gap:26px; }
 .paui-game-head { margin-right:14px; margin-left:14px; gap:15px; }
 .paui-game-icon { flex-basis:104px; width:104px; height:104px; border-radius:20px; }
 .paui-game-actions .paui-button { min-width:0; padding:0 14px; }
}
@media(max-width:620px) {
 .paui-shell--game { width:calc(100% - 24px); margin-top:12px; }
 .paui-game-banner { height:200px; border-radius:19px; }
 .paui-game-head { flex-wrap:wrap; align-items:flex-start; margin:-40px 9px 22px; gap:12px; }
 .paui-game-icon { flex-basis:84px; width:84px; height:84px; border-radius:17px; }
 .paui-game-identity { padding-top:42px; }
 .paui-game-identity h1 { font-size:24px; }
 .paui-game-actions { width:100%; margin:0; }
 .paui-game-actions .paui-button { flex:1; min-height:46px; }
 .paui-game-action-note { margin:-8px 9px 16px; text-align:left; }
 .paui-game-content { grid-template-columns:1fr; gap:24px; margin-top:22px; }
 .paui-game-side { grid-row:1; }
 .paui-game-section h2 { font-size:22px; }
 .paui-game-description p { font-size:15px; }
 .paui-game-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .paui-game-req-grid { grid-template-columns:1fr; gap:16px; }
}


:root { --nav-h: 80px; }
@media (max-width: 980px) { :root { --nav-h: 112px; } }
@media (max-width: 650px) { :root { --nav-h: 94px; } }

body.pashop-store:not(.store-page) { padding-top: var(--nav-h); }
body.store-page { padding-top: var(--nav-h); }

.site-main-nav,
.site-main-nav.store-nav {
 position: fixed;
 inset: 0 0 auto;
 z-index: 1000;
 height: var(--nav-h) !important;
 min-height: 0;
 background: #090909 !important;
 border-bottom: 1px solid #1c1c1c;
}
@media (max-width: 980px) {
 .site-main-nav .store-nav__inner { min-height: 0; height: 100%; }
}

.paui-game-aside, .dev-sidebar { top: calc(var(--nav-h) + 16px); }
html { scroll-padding-top: calc(var(--nav-h) + 12px); }

.site-main-nav [hidden],
.store-nav [hidden] { display: none !important; }

.site-main-nav .store-user-avatar { background: #1b1b1b; }
.site-main-nav .store-user-avatar.has-avatar { background: #1b1b1b; }
.site-main-nav .store-user-avatar.has-avatar [data-user-avatar-fallback],
.site-main-nav .store-user-avatar.has-avatar > i,
.site-main-nav .store-user-avatar.has-avatar > span { display: none !important; }
.site-main-nav .store-user-avatar img { z-index: 1; }
.pa-balance-shell { padding-top: 38px; padding-bottom: 64px; }
.pa-balance-shell .paui-page-title p { max-width: 680px; color: #aaa; line-height: 1.6; }
.pa-balance-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .8fr); gap: 18px; align-items: start; }
.pa-balance-panel, .pa-balance-info { padding: clamp(20px, 3vw, 30px); }
.pa-balance-current { display: flex; flex-direction: column; gap: 8px; padding-bottom: 22px; margin-bottom: 24px; border-bottom: 1px solid #303030; color: #aaa; }
.pa-balance-current strong { color: #fff; font-size: clamp(28px, 4vw, 38px); letter-spacing: -.04em; }
.pa-balance-label { display: block; margin-bottom: 9px; font-weight: 650; }
.pa-balance-input { width: 100%; box-sizing: border-box; min-height: 54px; font-size: 22px; }
.pa-balance-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pa-balance-presets button { border: 1px solid #383838; background: #202020; color: #eee; border-radius: 10px; padding: 9px 13px; cursor: pointer; font: inherit; }
.pa-balance-presets button:hover { background: #303030; }
.pa-topup-submit { width: 100%; justify-content: center; margin-top: 12px; }
.pa-topup-submit:disabled { opacity: .6; cursor: wait; }
.pa-topup-status { padding: 12px 14px; margin: 14px 0 8px; border-radius: 10px; background: #202020; color: #eee; line-height: 1.5; }
.pa-topup-status[data-type="success"] { border: 1px solid #286a45; }
.pa-topup-status[data-type="error"] { border: 1px solid #7d3939; }
.pa-balance-info-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #343434; border-radius: 14px; font-size: 21px; }
.pa-balance-info h2 { margin: 18px 0 8px; }
.pa-balance-info p, .pa-balance-info li { color: #aaa; line-height: 1.65; }
.pa-balance-info ul { padding-left: 20px; }
.pa-balance-info li + li { margin-top: 8px; }
@media (max-width: 760px) { .pa-balance-grid { grid-template-columns: 1fr; } .pa-balance-shell { padding-top: 24px; } }


.paui-profile-friends-panel .paui-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.paui-profile-friends-panel .paui-section-heading h2 { margin:0; }
#profileFriendCount { display:inline-flex; min-width:25px; height:25px; padding:0 7px; align-items:center; justify-content:center; border-radius:99px; background:#29292d; color:#e9e9ec; font-size:12px; }
.paui-profile-friends { display:grid; gap:5px; }
.paui-profile-friend { display:flex; align-items:center; gap:11px; min-width:0; padding:9px; border:1px solid transparent; border-radius:13px; color:inherit; text-decoration:none; transition:background .15s,border-color .15s; }
.paui-profile-friend:hover { background:#222226; border-color:#34343a; }
.paui-profile-friend__avatar { flex:0 0 42px; width:42px; height:42px; border-radius:13px; object-fit:cover; background:#29292d; }
.paui-profile-friend__identity { display:grid; gap:3px; min-width:0; flex:1; }
.paui-profile-friend__identity strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:700; }
.paui-profile-friend__identity small { color:#929297; font-size:11px; }
.paui-profile-friend>i { color:#77777f; font-size:13px; }
.paui-profile-friends-empty { margin:4px 2px 0; font-size:13px; line-height:1.6; }
.paui-review__author { color:inherit; text-decoration:none; font-weight:700; border-radius:4px; }
.paui-review__author[href]:hover { color:#c8d7ff; text-decoration:underline; text-underline-offset:3px; }
.paui-review__author.is-unlinked { cursor:default; }

.paui-review--profile-link { cursor:pointer; }
.paui-review--profile-link:focus-visible { outline:2px solid #9bb7ff; outline-offset:3px; }
.paui-achievement-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr)); gap:12px; margin-top:14px; }
.paui-achievement-card { display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:13px; min-width:0; padding:13px; border:1px solid #2a303c; border-radius:13px; background:#141820; }
.paui-achievement-card.is-locked .paui-achievement-card__icon { filter:grayscale(1); opacity:.5; }
.paui-achievement-card.is-locked .paui-achievement-card__meta { color:#9299a5; }
.paui-achievement-card__icon { width:58px; height:58px; border-radius:12px; object-fit:cover; background:#252b35; }
.paui-achievement-card__title { margin:0 0 4px; color:#f1f3f7; font-size:15px; font-weight:800; }
.paui-achievement-card__description,.paui-achievement-card__meta { margin:0; color:#a4adbb; font-size:12px; line-height:1.45; }
.paui-achievement-card__game { display:inline-block; margin-top:6px; color:#d2d8e3; font-size:11px; text-decoration:none; }
.paui-achievement-card__game:hover { color:#fff; text-decoration:underline; }
.paui-shell--achievements { padding-top:30px; padding-bottom:60px; }
.paui-shell--achievements .paui-eyebrow { color:#9ca3af; font-size:11px; font-weight:800; letter-spacing:.12em; }
.paui-profile-games #profileAchievementList { margin-top:12px; }
.paui-profile-games #profileAchievementList { grid-template-columns:1fr; }
@media(max-width:550px) { .paui-achievement-card { grid-template-columns:50px minmax(0,1fr); gap:10px; padding:10px; } .paui-achievement-card__icon { width:50px; height:50px; } }

.pa-support-shell { padding-top: 38px; padding-bottom: 64px; }
.pa-support-grid { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.6fr); gap: 18px; align-items: start; }
.pa-support-list-panel { position: sticky; top: 84px; max-height: calc(100vh - 110px); display: flex; flex-direction: column; }
.pa-support-list { display: flex; flex-direction: column; gap: 8px; overflow-y: auto; min-height: 0; }
.pa-support-filter { display: flex; gap: 6px; margin-bottom: 12px; }
.pa-support-filter button { flex: 1; border: 1px solid #383838; background: #202020; color: #cfcfcf; border-radius: 10px; padding: 7px 8px; font: inherit; font-size: 12px; cursor: pointer; }
.pa-support-filter button:hover { background: #303030; }
.pa-support-filter button.is-active { background: #f1f3f7; border-color: #f1f3f7; color: #111318; }
.pa-support-item { display: block; width: 100%; text-align: left; padding: 12px 14px; border: 1px solid #2d2d30; border-radius: 14px; background: #202020; color: #eee; font: inherit; cursor: pointer; transition: background .15s, border-color .15s; }
.pa-support-item:hover { background: #292929; border-color: #404044; }
.pa-support-item.is-active { background: #2b2b2e; border-color: #5a5a60; }
.pa-support-item__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 14px; }
.pa-support-item__meta { margin-top: 5px; color: #8d8d93; font-size: 12px; }
.pa-support-badge { display: inline-block; flex: none; padding: 3px 9px; border-radius: 999px; font-size: 11px; font-weight: 600; background: #2a2a2d; color: #bbb; }
.pa-support-badge.is-open { background: rgba(72,201,154,.12); color: #73ddb7; }
.pa-support-badge.is-closed { background: #2a2a2d; color: #929297; }
.pa-support-main { min-height: 420px; }
.pa-support-main select.dev-input { appearance: auto; }
.pa-support-empty { display: grid; place-items: center; align-content: center; gap: 10px; min-height: 340px; text-align: center; color: #85858a; }
.pa-support-empty i { font-size: 38px; }
.pa-support-empty p { margin: 0; }
.pa-support-chat { display: flex; flex-direction: column; gap: 14px; }
.pa-support-chat__head { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid #303030; }
.pa-support-chat__title { min-width: 0; margin-right: auto; }
.pa-support-chat__title h2 { margin: 0 0 3px; font-size: 18px; }
.pa-support-chat__title span { color: #8d8d93; font-size: 12px; }
.pa-support-chat__head .paui-button { min-height: 36px; font-size: 13px; }
.pa-support-back { display: none; width: 36px; height: 36px; border: 1px solid #383838; border-radius: 10px; background: #202020; color: #eee; cursor: pointer; }
.pa-support-messages { display: flex; flex-direction: column; gap: 8px; max-height: 52vh; min-height: 220px; overflow-y: auto; padding: 4px 2px; }
.pa-support-day { align-self: center; margin: 8px 0 2px; color: #7b7b80; font-size: 11px; }
.pa-support-msg { display: flex; }
.pa-support-msg.is-mine { justify-content: flex-end; }
.pa-support-msg__bubble { max-width: min(78%, 520px); padding: 9px 13px 7px; border-radius: 16px; background: #26262a; border: 1px solid #303034; }
.pa-support-msg.is-mine .pa-support-msg__bubble { background: #f1f3f7; border-color: #f1f3f7; color: #111318; border-bottom-right-radius: 5px; }
.pa-support-msg.is-theirs .pa-support-msg__bubble { border-bottom-left-radius: 5px; }
.pa-support-msg__author { display: block; margin-bottom: 3px; color: #8d8d93; font-size: 11px; font-weight: 600; }
.pa-support-msg__bubble p { margin: 0; color: inherit !important; font-size: 14px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.pa-support-msg__bubble time { display: block; margin-top: 3px; text-align: right; font-size: 10px; opacity: .55; }
.pa-support-reply { display: flex; align-items: flex-end; gap: 10px; }
.pa-support-reply .dev-textarea { min-height: 48px; max-height: 160px; flex: 1; }
.pa-support-reply .paui-button { flex: none; width: 48px; min-height: 48px; padding: 0; border-radius: 13px; }
.pa-support-closed-note { margin: 0; }
@media (max-width: 800px) {
  .pa-support-grid { grid-template-columns: 1fr; }
  .pa-support-list-panel { position: static; max-height: none; }
  .pa-support-grid.is-chat-open .pa-support-list-panel { display: none; }
  .pa-support-grid:not(.is-chat-open) .pa-support-main { display: none; }
  .pa-support-back { display: inline-grid; place-items: center; }
  .pa-support-msg__bubble { max-width: 88%; }
  .pa-support-chat__head { flex-wrap: wrap; }
  .pa-support-messages { max-height: 55vh; }
}

.store-search--menu, .store-guest-menu, .store-account-menu__panel > .store-menu-balance, .store-account-menu__panel > .store-menu-cart { display: none; }
@media (max-width: 700px) {
  :root { --nav-h: 60px; }
  .site-main-nav, .site-main-nav.store-nav { height: 60px !important; min-height: 0; }
  body.store-page, body.pashop-store:not(.store-page) { padding-top: 60px; }
  .pashop-dev, body.site-maintenance, body.site-auth-page { padding-top: 60px !important; }
  .site-main-nav .store-nav__inner {
    width: calc(100% - 20px); height: 60px; min-height: 0; padding: 0;
    display: flex; align-items: center; gap: 6px;
  }
  .site-main-nav .store-logo, .site-main-nav .store-logo img { width: 34px; height: 34px; flex: none; }
  .site-main-nav .store-nav__tabs { flex: 1; min-width: 0; gap: 0; }
  .site-main-nav .store-nav__tabs a { min-height: 38px; padding: 0 11px; border-radius: 12px; font-size: 15px; }
  .site-main-nav > .store-nav__inner > .store-search { display: none; }
  .site-main-nav .store-nav__actions { margin-left: auto; flex: none; grid-column: auto; grid-row: auto; }
  .site-main-nav .store-cart, .site-main-nav .store-auth-link, .site-main-nav .store-register,
  .site-main-nav .store-balance > [data-user-balance] { display: none !important; }
  .site-main-nav .store-balance { min-height: 0; padding: 0; border: 0; background: transparent; }
  .site-main-nav .store-user-avatar { width: 38px; height: 38px; }
  .site-main-nav .store-guest-menu { display: block; }
  .site-main-nav .store-account-menu { position: static; }
  .site-main-nav .store-account-menu__panel {
    position: fixed; top: 66px; right: 10px; left: 10px; width: auto; max-height: calc(100vh - 80px); overflow-y: auto;
    grid-template-columns: 1fr !important;
  }
  .site-main-nav .store-account-menu__panel > * { grid-column: 1 !important; grid-row: auto !important; }
  .site-main-nav .store-search--menu { display: flex; padding: 0 14px; width: 100%; height: 46px; margin-bottom: 4px; border-radius: 14px; }
  .site-main-nav .store-menu-balance { display: flex; color: #bbb !important; font-weight: 500 !important; }
  .site-main-nav .store-menu-cart { display: flex; }
}
@media (max-width: 380px) {
  .site-main-nav .store-nav__tabs a { padding: 0 8px; font-size: 14px; }
}

.store-page .paui-button, .store-page .paui-button:hover { color: #111318; }
.store-page .paui-button--quiet, .store-page .paui-button--quiet:hover { color: #eef0f4; }

.pa-cart-shell { padding-top: 38px; padding-bottom: 64px; }
.pa-cart-shell .paui-page-title p { margin: 6px 0 0; }
.pa-cart-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, .8fr); gap: 18px; align-items: start; margin: 0; }
.pa-cart-summary { position: sticky; top: calc(var(--nav-h) + 16px); }
.pa-cart-grid .paui-cart-item { grid-template-columns: 120px 1fr auto; gap: 16px; padding: 0 0 16px; border-bottom: 1px solid #303030; }
.pa-cart-grid .paui-cart-item + .paui-cart-item { padding-top: 16px; }
.pa-cart-grid .paui-cart-item:last-child { padding-bottom: 0; border-bottom: 0; }
.pa-cart-grid .paui-cart-item img { width: 120px; height: 68px; object-fit: cover; border-radius: 12px; background: #202020; }
.pa-cart-grid .paui-cart-item h3 { margin: 0 0 5px; font-size: 16px; font-weight: 600; }
.pa-cart-grid .paui-cart-item h3 a { color: #f5f5f5; }
.pa-cart-grid .paui-cart-item h3 a:hover { text-decoration: underline; }
.pa-cart-grid .paui-cart-item p { color: #929297; font-size: 14px; }
.pa-cart-grid .paui-remove { padding: 8px 13px; border: 1px solid #383838; border-radius: 10px; background: #202020; color: #cfcfcf; font: inherit; font-size: 13px; cursor: pointer; }
.pa-cart-grid .paui-remove:hover { background: #303030; color: #fff; }
.pa-cart-grid .paui-total-line { color: #a7a7ac; }
.pa-cart-grid .paui-total { border-top-color: #303030; color: #fff; font-size: 18px; }
.pa-cart-grid .paui-empty { color: #85858a; }
@media (max-width: 800px) {
  .pa-cart-grid { grid-template-columns: 1fr; }
  .pa-cart-summary { position: static; }
}
@media (max-width: 520px) {
  .pa-cart-grid .paui-cart-item { grid-template-columns: 88px 1fr; }
  .pa-cart-grid .paui-cart-item img { width: 88px; height: 56px; }
  .pa-cart-grid .paui-remove { grid-column: 1 / -1; justify-self: start; }
}
.store-page .paui-button--quiet { border-color: #383838; background: #202020; }
.store-page .paui-button--quiet:hover { background: #303030; }
