/* Собственный профиль и кошелёк.
   Стили этих блоков нет в сохранённых страницах (браузер добавляет их программно), поэтому восстановлены
   по соседним элементам сайта и токенам темы. Если появятся точные значения — заменить здесь. */

/* строка кошелька */
.mui-1vo75k3 { margin-bottom: 8px; }
.mui-m0j12u { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-radius: 16px; background-color: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); transition: background-color .15s; }
.mui-m0j12u:hover { background-color: var(--mui-palette-gray-4); }
.mui-m0j12u > svg { width: 24px; height: 24px; flex-shrink: 0; color: var(--mui-palette-gray-2); }
.mui-2dm2th, .mui-x5ohn7, .mui-5aol7g { display: flex; align-items: center; }
.mui-x5ohn7 { gap: 12px; }
.mui-28b2nz { margin: 0; font-size: 1.125rem; font-weight: 700; line-height: 1.5; white-space: nowrap; }
@media (min-width: 768px) { .mui-m0j12u { padding: 18px 20px; } .mui-x5ohn7 { gap: 16px; } .mui-1vo75k3 { max-width: 507px; margin-bottom: 0; } }
@media (min-width: 1024px) { .mui-6ibiem { margin-top: 0; } }

/* основные вкладки: Мои товары / Покупки / Продажи — кнопки-«таблетки» (как подвкладки, но крупнее) */
.mui-kh9gb4, .mui-1qud8l4 { display: flex; align-items: center; justify-content: center; cursor: pointer; text-align: center; white-space: nowrap; user-select: none; border-radius: 80px; height: 44px; padding: 0 20px; transition: background-color .15s; }
.mui-kh9gb4 { background-color: var(--color-bg-brand-primary); color: #fff; }
.mui-1qud8l4 { background-color: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); }
.mui-1qud8l4:hover { background-color: var(--mui-palette-gray-4); }
.mui-8zk00b, .mui-ca9rhq { margin: 0; font-size: 1.125rem; font-weight: 400; line-height: 1.5; color: inherit; white-space: nowrap; }
.mui-8zk00b { font-weight: 600; }
@media (min-width: 720px) { .mui-kh9gb4, .mui-1qud8l4 { height: 52px; padding: 0 28px; } .mui-8zk00b, .mui-ca9rhq { font-size: 1.125rem; line-height: 1.4; } }
.own-main-tabs, .own-sub-tabs { margin-top: 4px; }
.own-sub-tabs { margin-bottom: 16px; }

/* активная подвкладка — те же размеры, что у неактивной (mui-18v44vw в emotion.css), другой цвет */
.mui-1aymwl4 { display: flex; align-items: center; justify-content: center; cursor: pointer; text-align: center; white-space: nowrap; user-select: none; background-color: var(--color-bg-brand-primary); color: #fff; border-radius: 80px; height: 36px; font-size: .875rem; line-height: 170%; padding: 6px 16px; }
.mui-1igkefr { margin: 0; font-size: .875rem; font-weight: 600; line-height: 170%; color: inherit; }
@media (min-width: 720px) { .mui-1aymwl4 { height: 44px; padding: 10px 20px; font-size: 1.125rem; line-height: 155%; } .mui-1igkefr { font-size: 1rem; line-height: 160%; } }

/* пустое состояние: «Нет товаров» */
.mui-1t0pbvi { width: 100%; }
.mui-1vr2anf { display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 48px 0; }
.mui-1w3ufwa { display: flex; justify-content: center; }
.mui-1nsgooc { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.mui-14ktbsh { width: 56px; height: 56px; }
.mui-14ktbsh img { width: 56px; height: 56px; }
.mui-wzcfqx { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.mui-c1xcp7 { font-size: 1.25rem; font-weight: 700; line-height: 1.4; color: var(--mui-palette-text-primary); }
.mui-vhrcvx { margin: 0; font-size: .875rem; line-height: 170%; color: var(--mui-palette-gray-2); }
.mui-1253jdf { display: block; text-decoration: none; }
.own-extra { margin-top: 32px; }

/* окно «Меню» профиля: разметка из оригинала, размеры сняты с кода его компонентов (модальное окно 600px, на телефоне во весь экран) */
.mui-v3343g { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; max-width: 100%; overflow-y: auto; pointer-events: auto; background: var(--color-bg-primary); color: var(--mui-palette-text-primary); outline: none; }
@media (min-width: 1024px) { .mui-v3343g { height: auto; width: 600px; max-width: 600px; max-height: calc(100% - 120px); border-radius: 16px; } }
@media (min-width: 1280px) { .mui-v3343g { max-height: calc(100% - 160px); } }
.mui-16xt3nc { position: absolute; top: 20px; right: 16px; z-index: 3; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: var(--mui-palette-text-primary); cursor: pointer; }
@media (min-width: 768px) { .mui-16xt3nc { top: 26px; right: 20px; } }
@media (min-width: 1024px) { .mui-16xt3nc { top: 28px; right: 32px; } }
.mui-1oyl0hu { width: 24px; height: 24px; }
.mui-zk9tsc { display: none; width: 32px; height: 32px; }
@media (min-width: 768px) { .mui-zk9tsc { display: block; } .mui-1oyl0hu { display: none; } }
.mui-heme2s { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.mui-29kprw { display: flex; justify-content: center; align-items: center; padding: 22px 56px 0; }
@media (min-width: 768px) { .mui-29kprw { padding-top: 28px; } }
.mui-13jji79 { font-size: 1.125rem; font-weight: 700; line-height: 1.5; }
@media (min-width: 768px) { .mui-13jji79 { font-size: 1.25rem; } }
.mui-1l9np1c { display: flex; flex-direction: column; flex: 1 1 auto; margin-top: 12px; }
@media (min-width: 768px) { .mui-1l9np1c { margin-top: 16px; } }
.mui-p1ct33 { display: flex; flex-direction: column; padding: 0 16px 16px; border-bottom: 8px solid var(--mui-palette-gray-5); }
.mui-dvxtzn { display: flex; flex-direction: column; gap: 12px; }
.mui-dvxtzn > .mui-0 { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.mui-126vtx5 { display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: 50%; background: var(--mui-palette-gray-5); color: var(--mui-palette-gray-3); overflow: hidden; }
.mui-126vtx5 svg { width: 64px; height: 64px; }
.mui-icjhnw { margin: 0; padding: 0; border: 0; background: none; color: var(--color-text-accent-blue); font-size: .875rem; line-height: 170%; font-weight: 500; cursor: pointer; }
.mui-ndjdyj { display: flex; flex-direction: column; padding-top: 4px; }
.mui-1l9np1c > .mui-0 { padding: 0 16px; }
.mui-12cx9ph { display: flex; flex-direction: column; }
.mui-jo484j, .mui-13pkebo, .mui-moegma, .mui-173v1b6 { padding: 12px 0; }
.mui-jo484j, .mui-13pkebo, .mui-173v1b6 { cursor: pointer; }
.mui-9nud46 { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mui-1rnc8rc, .mui-dcuid5 { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; }
.mui-1rnc8rc img, .mui-dcuid5 img { width: 32px; height: 32px; object-fit: contain; }
.mui-nuh8ey { display: flex; flex-direction: column; min-width: 0; }
.mui-26l9c9, .mui-1sx925e { font-size: 1rem; line-height: 125%; font-weight: 600; color: var(--mui-palette-text-primary); }
.mui-14kvejx { font-size: 1rem; line-height: 125%; font-weight: 600; color: var(--color-text-accent-blue); }
.mui-vw0b67 { font-size: 1rem; line-height: 125%; font-weight: 600; color: var(--color-text-error); }
.mui-17zgtrg { font-size: .75rem; line-height: 130%; color: var(--mui-palette-gray-2); }
.mui-1y1efu7, .mui-boox1f { display: flex; align-items: center; justify-content: center; padding: 6px 16px; margin-right: 12px; border-radius: 36px; font-size: .875rem; line-height: 1.5; }
.mui-1y1efu7 { background: var(--color-bg-brand-primary); }
.mui-1690dc0 { font-size: .875rem; color: #fff; }
.mui-boox1f { background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); }
@media (min-width: 768px) { .mui-1y1efu7, .mui-boox1f { padding: 9px 20px; margin-right: 16px; border-radius: 44px; } }
.mui-x8zcfs { color: var(--mui-palette-gray-2); }
.mui-153hdtp { display: flex; align-items: center; margin-left: 6px; }
.mui-1qalkxs { padding: 1px 8px; border-radius: 80px; background: var(--color-bg-brand-primary); color: #fff; font-size: .75rem; line-height: 150%; font-weight: 600; }
.mui-r8p0xc { display: flex; }
.mui-r8p0xc hr { flex: 1; margin: 0 0 0 44px; border: 0; border-top: 1px solid var(--mui-palette-gray-5); }
.mui-jjkt5z { padding: 0 16px; }
.mui-jjkt5z .mui-1kjvaz2 { display: block; text-decoration: none; color: inherit; }
.mui-moegma { color: var(--color-text-accent-blue); }
.mui-173v1b6 { color: var(--color-text-error); }
.mui-1hqhzxd { border-top: 8px solid var(--mui-palette-gray-5); padding: 20px 16px; }
@media (min-width: 1024px) { .mui-1hqhzxd { border-top-width: 1px; padding: 24px 32px 32px; } }
.mui-14mhl1p { display: flex; flex-direction: column; gap: 8px; align-items: center; text-align: center; }
.mui-1dmeos6 { display: flex; justify-content: center; gap: 8px; }
.mui-1dmeos6 .mui-j1nl2u { position: relative; display: block; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; }
@media (min-width: 768px) { .mui-1dmeos6 .mui-j1nl2u { width: 40px; height: 40px; } }
.mui-y6u9cm { flex: 1 1 auto; background: var(--mui-palette-gray-5); width: 100%; }
.mui-mesj5h { display: none; }
@media (min-width: 768px) { .mui-p1ct33, .mui-1l9np1c > .mui-0, .mui-jjkt5z { padding-left: 20px; padding-right: 20px; } }
@media (min-width: 1024px) { .mui-p1ct33, .mui-1l9np1c > .mui-0, .mui-jjkt5z { padding-left: 32px; padding-right: 32px; } .mui-y6u9cm { display: none; } }

/* страница «Баланс» */
.bal-page { max-width: 784px; padding: 4px 16px 0; display: flex; flex-direction: column; gap: 16px; }
@media (min-width: 768px) { .bal-page { padding: 8px 20px 0; } }
.bal-tabs { display: flex; gap: 12px; margin-bottom: 4px; }
.bal-card { display: flex; align-items: center; gap: 16px; padding: 14px 24px; border-radius: 12px; background: var(--mui-palette-gray-5); }
.bal-card img { width: 32px; height: 32px; flex-shrink: 0; }
.bal-card-label { font-size: .75rem; line-height: 140%; color: var(--mui-palette-gray-2); }
.bal-card-value { font-size: 1.125rem; font-weight: 700; line-height: 130%; color: var(--mui-palette-text-primary); }
.bal-form { display: flex; flex-direction: column; gap: 16px; }
.bal-input { width: 100%; height: 76px; padding: 0 24px; border: 0; border-radius: 12px; background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); font: inherit; font-size: 1rem; outline: none; }
.bal-input::placeholder { color: var(--mui-palette-gray-2); }
.bal-input:focus { box-shadow: 0 0 0 2px var(--color-bg-brand-primary); }
.bal-input::-webkit-outer-spin-button, .bal-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.bal-input[type=number] { -moz-appearance: textfield; }
.bal-submit { height: 52px; border: 0; border-radius: 12px; background: var(--color-bg-brand-primary); color: #fff; font: inherit; font-size: 1rem; font-weight: 700; cursor: pointer; transition: opacity .15s; }
.bal-submit:disabled { opacity: .6; cursor: default; }
.bal-error { color: var(--color-text-error); font-size: .875rem; }
.bal-head { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }
.bal-head h2 { margin: 0; font-size: 1.5rem; font-weight: 700; line-height: 1.3; }
.bal-sort { display: inline-flex; align-items: center; gap: 4px; color: var(--color-text-accent-blue); font-size: 1rem; cursor: pointer; }
.bal-filters { display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; }
.bal-filters::-webkit-scrollbar { display: none; }
.bal-chip { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; height: 44px; padding: 0 24px; border-radius: 8px; background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); font-size: 1rem; cursor: pointer; white-space: nowrap; }
.bal-chip-icon { width: 64px; padding: 0; }
.bal-list { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.bal-empty { padding: 32px 0; text-align: center; color: var(--mui-palette-gray-2); }
.bal-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; border-radius: 12px; background: var(--mui-palette-gray-5); }
.bal-row-title { font-size: 1rem; line-height: 140%; }
.bal-row-date { font-size: .75rem; color: var(--mui-palette-gray-2); }
.bal-plus { color: var(--color-text-accent-green); }

/* окно «Меню»: размеры на компьютере сверены со скриншотом оригинала */
.mui-126vtx5 { background: none; color: var(--mui-palette-text-primary); }
.mui-126vtx5 svg { width: 96px; height: 96px; }
.mui-r8p0xc hr { margin-left: 0; }
.mui-1qalkxs { border-radius: 12px; background: var(--color-bg-accent-green, #16a34a); }
@media (min-width: 768px) {
  .mui-dvxtzn { padding-top: 40px; gap: 0; }
  .mui-126vtx5 { width: 120px; height: 120px; }
  .mui-126vtx5 svg { width: 120px; height: 120px; }
  .mui-dvxtzn > .mui-0 { gap: 0; }
  .mui-icjhnw { margin-top: 38px; font-size: 1.125rem; }
  .mui-ndjdyj { padding-top: 24px; padding-bottom: 12px; }
  .mui-jo484j, .mui-13pkebo { padding: 20px 0; }
  .mui-moegma, .mui-173v1b6 { padding: 16px 0; }
  .mui-9nud46 { gap: 24px; }
  .mui-1rnc8rc, .mui-dcuid5 { width: 36px; height: 36px; }
  .mui-1rnc8rc img, .mui-dcuid5 img { width: 36px; height: 36px; }
  .mui-26l9c9, .mui-1sx925e { font-size: 1.25rem; font-weight: 400; }
  .mui-14kvejx, .mui-vw0b67 { font-size: 1.125rem; }
  .mui-17zgtrg { font-size: 1rem; }
  .mui-1y1efu7, .mui-boox1f { padding: 12px 26px; font-size: 1.125rem; }
  .mui-1690dc0 { font-size: 1.125rem; }
  .mui-1qalkxs { padding: 2px 10px; font-size: .875rem; }
}

/* окно «Условия продажи» */
.terms-panel { position: relative; }
@media (min-width: 1024px) { .terms-panel { max-width: 740px; } }
.terms-close { position: absolute; top: 20px; right: 16px; z-index: 2; display: flex; padding: 0; border: 0; background: none; color: var(--mui-palette-text-primary); cursor: pointer; }
@media (min-width: 768px) { .terms-close { top: 26px; right: 20px; } }
@media (min-width: 1024px) { .terms-close { top: 28px; right: 32px; } }
.terms-scroll { overflow-y: auto; min-height: 0; margin-right: -8px; padding-right: 8px; }
.terms-card { padding: 20px; border-radius: 16px; background: var(--mui-palette-gray-5); }
@media (min-width: 768px) { .terms-card { padding: 24px; } }
.terms-title { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; font-size: 1.375rem; font-weight: 700; line-height: 1.3; }
.terms-title span { font-size: 1.75rem; line-height: 1; }
.terms-row { display: flex; align-items: center; gap: 14px; padding: 10px 0; cursor: pointer; font-size: 1rem; line-height: 140%; }
@media (min-width: 768px) { .terms-row { font-size: 1.0625rem; } }
.terms-row span { flex: 1; }
.terms-dot { flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; }
.terms-ok { background: #16a34a; }
.terms-no { background: #ef4444; }
.terms-box { flex-shrink: 0; width: 40px; height: 40px; margin: 0; border: 0; border-radius: 10px; background-color: var(--mui-palette-gray-4); appearance: none; -webkit-appearance: none; cursor: pointer; transition: background-color .15s; }
.terms-box:checked { background-color: var(--color-bg-brand-primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 26px; background-position: center; background-repeat: no-repeat; }
.terms-footer { margin-top: 20px; }
.terms-note { margin: 0 0 12px; text-align: center; font-size: .875rem; color: var(--mui-palette-gray-2); }
.terms-note a { color: var(--color-text-accent-blue); }
.terms-accept { width: 100%; height: 56px; border: 0; border-radius: 12px; background: var(--color-bg-brand-primary); color: #fff; font: inherit; font-size: 1.0625rem; font-weight: 700; cursor: pointer; transition: background-color .15s, opacity .15s; }
.terms-accept:disabled { background: var(--mui-palette-gray-3); opacity: .85; cursor: default; }

/* форма «Выставить товар»: «Страница товара» (разметка и порядок блоков — как на оригинале) */
.sf { display: flex; flex-direction: column; gap: 28px; max-width: 1200px; margin: 0 auto; }
.sf-stepper { display: flex; gap: 6px; }
.sf-stepper i { flex: 1; height: 4px; border-radius: 2px; background: var(--mui-palette-gray-5); transition: background-color .2s; }
.sf-stepper i[data-on="true"] { background: var(--color-bg-brand-primary); }
.sf-page { display: flex; flex-direction: column; gap: 20px; }
.sf-heading { margin: 0; font-size: 1.125rem; font-weight: 600; }
.sf-game { display: flex; align-items: center; gap: 10px; font-size: .875rem; }
.sf-game img { width: 28px; height: 28px; border-radius: 8px; object-fit: cover; }
.sf-game em { font-style: normal; color: var(--mui-palette-gray-2); }
.sf-grid { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .sf-grid { grid-template-columns: minmax(0, 1fr) minmax(360px, 30%); gap: 48px; align-items: start; } }
.sf-photos { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.sf-track { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: pan-x pan-y; }
.sf-track::-webkit-scrollbar { display: none; }
.sf-slide { position: relative; flex: 0 0 100%; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: var(--mui-palette-gray-5); scroll-snap-align: start; }
.sf-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sf-upload { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 0; color: var(--color-text-accent-blue); font: inherit; font-size: 1rem; cursor: pointer; }
.sf-upload:hover { background: var(--mui-palette-gray-4); }
.sf-main { position: absolute; left: 12px; bottom: 12px; padding: 2px 12px; border-radius: 999px; background: var(--color-bg-primary); font-size: .8125rem; }
.sf-x { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: var(--color-bg-primary); color: var(--mui-palette-text-primary); font-size: 20px; line-height: 32px; cursor: pointer; }
.sf-make-main { position: absolute; left: 12px; bottom: 12px; padding: 2px 12px; border: 0; border-radius: 999px; background: var(--color-bg-primary); color: var(--color-text-accent-blue); font-size: .8125rem; cursor: pointer; }
.sf-hint { font-size: .75rem; line-height: 150%; color: var(--mui-palette-gray-2); }
.sf-card { display: flex; flex-direction: column; gap: 14px; }
.sf-money { display: flex; align-items: center; gap: 10px; color: var(--mui-palette-gray-2); }
.sf-money svg { flex-shrink: 0; }
.sf-field { position: relative; flex: 1; min-width: 0; height: 64px; border-radius: 12px; background: var(--mui-palette-gray-5); }
.sf-field input { width: 100%; height: 100%; padding: 22px 24px 0; border: 0; border-radius: 12px; background: transparent; color: var(--mui-palette-text-primary); font: inherit; font-size: 1.125rem; font-weight: 600; outline: none; }
.sf-field span { position: absolute; left: 24px; top: 50%; transform: translateY(-50%); font-size: 1.125rem; color: var(--mui-palette-gray-2); pointer-events: none; transition: all .15s; }
.sf-field input:focus + span, .sf-field input:not(:placeholder-shown) + span { top: 14px; transform: none; font-size: .75rem; }
.sf-field:focus-within { box-shadow: 0 0 0 2px var(--color-bg-brand-primary); }
.sf-fee { font-size: .75rem; color: var(--mui-palette-gray-2); margin-top: -6px; }
.sf-title { height: 56px; padding: 0 16px; border: 0; border-radius: 12px; background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); font: inherit; font-size: 1rem; outline: none; }
.sf-title::placeholder, .sf-block textarea::placeholder { color: var(--mui-palette-gray-2); }
.sf-title:focus, .sf-block textarea:focus { box-shadow: 0 0 0 2px var(--color-bg-brand-primary); }
.sf-save { height: 52px; border: 0; border-radius: 12px; background: var(--color-bg-brand-primary); color: #fff; font: inherit; font-size: 1rem; font-weight: 700; cursor: pointer; }
.sf-save:disabled { background: var(--mui-palette-gray-4); color: var(--mui-palette-gray-2); cursor: default; }
.sf-blocks { display: flex; flex-direction: column; gap: 28px; max-width: 900px; }
.sf-block h3 { margin: 0 0 12px; font-size: 1.25rem; font-weight: 700; line-height: 1.3; }
.sf-block textarea { width: 100%; padding: 16px; border: 0; border-radius: 12px; background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); font: inherit; font-size: 1rem; line-height: 150%; resize: vertical; outline: none; }
.sf-lock { margin-top: 12px; padding: 6px 14px; border: 0; border-radius: 999px; background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); font: inherit; font-size: .875rem; cursor: pointer; }
.sf-block .sf-hint { margin-top: 8px; }
.sf-instr { font-size: 1rem; line-height: 150%; max-height: 9em; overflow: hidden; -webkit-mask-image: linear-gradient(#000 70%, transparent); mask-image: linear-gradient(#000 70%, transparent); }
.sf-instr[data-open="true"] { max-height: none; -webkit-mask-image: none; mask-image: none; }
.sf-instr p { margin: 0 0 8px; }
.sf-more { margin-top: 4px; border: 0; background: none; padding: 0; color: var(--color-text-accent-blue); font: inherit; font-size: 1rem; cursor: pointer; }

/* мастер продажи: выбор игры, категории, способа передачи (как на оригинале) */
.sw { display: flex; flex-direction: column; gap: 16px; padding-top: 16px; }
.sw-title { margin: 12px 0 0; font-size: 1.25rem; font-weight: 700; line-height: 1.3; }
.sw-head { display: flex; align-items: center; gap: 18px; }
.sw-head button { display: flex; padding: 0; border: 0; background: none; color: var(--mui-palette-text-primary); cursor: pointer; }
.sw-head h1 { margin: 0; font-size: 1rem; font-weight: 700; }
@media (min-width: 768px) { .sw-head h1 { font-size: 1.125rem; } }
.sw-bar { height: 5px; border-radius: 3px; background: var(--mui-palette-gray-4); overflow: hidden; }
.sw-bar i { display: block; height: 100%; border-radius: 3px; background: var(--color-bg-brand-primary); transition: width .3s; }
.sw-step { display: flex; flex-direction: column; gap: 18px; }
.sw-narrow { max-width: 660px; }
.sw-search { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 450px; height: 52px; padding: 0 18px; border-radius: 12px; background: var(--mui-palette-gray-5); color: var(--mui-palette-gray-2); }
.sw-search input { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; color: var(--mui-palette-text-primary); font: inherit; font-size: 1rem; outline: none; }
.sw-tabs { display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; }
.sw-tabs::-webkit-scrollbar { display: none; }
.sw-tabs button { flex-shrink: 0; gap: 8px; border: 0; font: inherit; }
.sw-tabs .mui-8zk00b, .sw-tabs .mui-ca9rhq { display: inline-flex; align-items: center; gap: 8px; }
.sw-emoji { display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.sw-count { font-size: .875rem; color: var(--mui-palette-gray-2); }
.mui-kh9gb4 .sw-count { color: rgba(255,255,255,.75); }
.sw-reduced { display: flex; align-items: center; gap: 10px; margin: 6px 0 6px; font-size: 1rem; font-weight: 500; }
.sw-fee { display: inline-flex; align-items: center; padding: 1px 10px; border-radius: 8px; background: #5fcf8f; color: #0e3a22; font-style: normal; font-size: .8125rem; font-weight: 500; line-height: 22px; }
.sw-reduced button { position: relative; width: 56px; height: 32px; margin-left: 4px; border: 0; border-radius: 999px; background: var(--mui-palette-gray-4); cursor: pointer; transition: background-color .2s; }
.sw-reduced button i { position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: 50%; background: #fff; transition: transform .2s; }
.sw-reduced button[data-on="true"] { background: var(--color-bg-brand-primary); }
.sw-reduced button[data-on="true"] i { transform: translateX(24px); }
.sw-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 22px 18px; margin-top: 4px; }
.sw-game { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0; border: 0; background: none; color: var(--mui-palette-text-primary); font: inherit; font-size: .875rem; cursor: pointer; }
.sw-game img { width: 100%; max-width: 88px; aspect-ratio: 1; border-radius: 18px; object-fit: cover; background: var(--mui-palette-gray-5); transition: transform .15s; }
.sw-game:hover img { transform: scale(1.05); }
.sw-game span { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.sw-empty { padding: 24px 0; color: var(--mui-palette-gray-2); }
.sw-more { align-self: center; margin-top: 8px; padding: 12px 36px; border: 0; border-radius: 12px; background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); font: inherit; font-weight: 500; cursor: pointer; }
.sw-game-row { display: flex; align-items: center; gap: 14px; }
.sw-game-row img { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; }
.sw-game-row b { font-size: 1rem; font-weight: 700; }
.sw-inf { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: #5a2410; color: #ff8a1f; font-size: 1.1rem; font-weight: 700; line-height: 1; }
.sw-list { list-style: none; margin: 0; padding: 0; }
.sw-list li { border-bottom: 1px solid var(--mui-palette-gray-5); }
.sw-list button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 65px; padding: 0; border: 0; background: none; color: var(--mui-palette-text-primary); font: inherit; font-size: 1.0625rem; text-align: left; cursor: pointer; }
.sw-list button span { display: inline-flex; align-items: center; gap: 10px; }
.sw-list button i { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--mui-palette-gray-3); transition: background-color .15s, box-shadow .15s; }
.sw-list button:hover i { background: var(--mui-palette-gray-2); }
.sw-list button[data-on="true"] i { background: var(--color-bg-brand-primary); box-shadow: inset 0 0 0 8px var(--color-bg-brand-primary), inset 0 0 0 12px #fff; }
.sw-page { gap: 20px; }

/* поле ввода почты: подпись остаётся «поднятой», когда в поле есть текст (те же значения, что при фокусе) */
.mui-1y8rplz.pl-filled .Label { font-size: 0.75rem; line-height: 170%; transform: translate(12px, 7px); }
@media (min-width: 720px) { .mui-1y8rplz.pl-filled .Label { transform: translate(20px, 13px); font-size: 0.875rem; line-height: 170%; } }
.sw-loader { display: flex; align-items: center; justify-content: center; height: 60px; margin-top: 8px; border-radius: 12px; background: var(--mui-palette-gray-5); }
.sw-spinner { width: 26px; height: 26px; border-radius: 50%; border: 2.5px solid var(--mui-palette-gray-2); border-top-color: transparent; animation: pl-spin .8s linear infinite; }

.sf-viewport { position: relative; }
.sf-viewport .pl-gallery-nav { opacity: 1; }
.sf-trash { position: absolute; right: 12px; bottom: 12px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--color-bg-primary); color: var(--mui-palette-gray-2); cursor: pointer; box-shadow: 0 2px 12px rgba(0,0,0,.25); }
.sf-trash:hover { color: var(--color-text-error); }

/* редактирование объявления */
.sw-head-edit { justify-content: flex-start; }
.sw-head-edit .sw-delete { margin-left: auto; color: #ff3b5c; font: inherit; font-size: 1rem; font-weight: 600; }
.sw-game-stack > div { display: flex; flex-direction: column; }
.sw-game-stack span { font-size: .875rem; color: var(--mui-palette-gray-2); }
.sf-money-edit { gap: 12px; align-items: stretch; }
.sf-static { display: flex; flex-direction: column; justify-content: center; gap: 4px; min-width: 0; padding: 0 4px; }
.sf-static span { font-size: .75rem; color: var(--mui-palette-gray-2); }
.sf-static b { font-size: 1.125rem; font-weight: 700; white-space: nowrap; color: var(--mui-palette-text-primary); }
.sf-income b { color: #1fb86a; }
.sw-confirm { position: fixed; inset: 0; z-index: 1300; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0,0,0,.6); }
.sw-confirm > div { width: 100%; max-width: 420px; padding: 24px; border-radius: 16px; background: var(--color-bg-primary); }
.sw-confirm h3 { margin: 0 0 8px; font-size: 1.25rem; font-weight: 700; }
.sw-confirm p { margin: 0 0 20px; color: var(--mui-palette-gray-2); line-height: 150%; }
.sw-confirm > div > div { display: flex; gap: 12px; }
.sw-confirm button { flex: 1; height: 48px; border: 0; border-radius: 12px; font: inherit; font-weight: 600; cursor: pointer; }
.sw-confirm-no { background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); }
.sw-confirm-yes { background: #e5304f; color: #fff; }

/* страница своего товара */
.pl-views { position: absolute; top: 12px; left: 12px; z-index: 3; padding: 0 12px; border-radius: 999px; background: var(--color-bg-primary); color: var(--color-text-primary); font-size: 14px; line-height: 28px; font-weight: 500; pointer-events: none; }
.own-actions { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.own-publish, .own-secondary, .own-edit { display: flex; align-items: center; justify-content: center; height: 56px; border: 0; border-radius: 12px; font: inherit; font-size: 1.0625rem; font-weight: 700; text-decoration: none; cursor: pointer; }
.own-publish { background: var(--color-bg-brand-primary); color: #fff; }
.own-secondary, .own-edit { background: var(--mui-palette-gray-5); color: var(--color-text-accent-blue); font-weight: 500; height: 52px; }
.own-note { padding: 16px; border-radius: 12px; background: var(--mui-palette-gray-5); text-align: center; color: var(--mui-palette-gray-2); }
.own-keep { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 12px; background: var(--mui-palette-gray-5); }
.own-keep b { flex: 1; font-size: 1rem; font-weight: 600; }
.own-keep-icon { display: flex; flex-shrink: 0; }
.own-keep button { position: relative; flex-shrink: 0; width: 56px; height: 32px; border: 0; border-radius: 999px; background: var(--mui-palette-gray-4); cursor: pointer; transition: background-color .2s; }
.own-keep button i { position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: 50%; background: #fff; transition: transform .2s; }
.own-keep button[data-on="true"] { background: var(--color-bg-brand-primary); }
.own-keep button[data-on="true"] i { transform: translateX(24px); }

/* вкладка «Выплата» и окно выбора способа */
.bal-emoji { font-size: 1.75rem; line-height: 1; flex-shrink: 0; width: 32px; text-align: center; }
.bal-info { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-left: 4px; border-radius: 50%; background: var(--mui-palette-gray-3); color: var(--color-bg-primary); font-size: 10px; font-style: normal; font-weight: 700; vertical-align: 1px; }
.bal-green { color: #1fb86a; }
.bal-protect { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 1rem; }
.bal-protect svg { margin-left: auto; }
.sw-new { padding: 1px 10px; border-radius: 999px; background: #16a34a; color: #fff; font-style: normal; font-size: .8125rem; font-weight: 600; }
.bal-row-end { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.po-cancel { border: 0; background: none; padding: 0; color: var(--color-text-error); font: inherit; font-size: .8125rem; cursor: pointer; }
.po-overlay { position: fixed; inset: 0; z-index: 1300; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.6); }
.po-panel { display: flex; flex-direction: column; width: 100%; max-width: 560px; max-height: calc(100% - 48px); border-radius: 16px; background: var(--color-bg-primary); color: var(--mui-palette-text-primary); }
@media (max-width: 1023px) { .po-overlay { align-items: flex-end; } .po-panel { max-width: none; max-height: 92%; border-radius: 16px 16px 0 0; } }
.po-head { position: relative; display: flex; align-items: center; justify-content: center; padding: 22px 20px 12px; }
.po-head h2 { margin: 0; font-size: 1.125rem; font-weight: 700; }
.po-head button { position: absolute; right: 20px; top: 20px; display: flex; padding: 0; border: 0; background: none; color: inherit; cursor: pointer; }
.po-list { flex: 1; min-height: 0; overflow-y: auto; padding: 0 20px; }
.po-item { border-bottom: 1px solid var(--mui-palette-gray-5); padding: 8px 0; }
.po-item:last-child { border-bottom: 0; }
.po-row { display: flex; align-items: center; gap: 14px; width: 100%; padding: 8px 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.po-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 1.5rem; flex-shrink: 0; }
.po-text { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.po-text b { display: flex; align-items: center; gap: 8px; font-size: 1.0625rem; font-weight: 500; }
.po-text em { padding: 1px 10px; border-radius: 999px; background: #ee2d5c; color: #fff; font-style: normal; font-size: .75rem; font-weight: 600; }
.po-text small { font-size: .875rem; color: var(--mui-palette-gray-2); }
.po-radio { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--mui-palette-gray-3); }
.po-radio[data-on="true"] { background: var(--color-bg-brand-primary); }
.po-fields { display: flex; flex-direction: column; gap: 12px; padding: 8px 0 12px; }
.po-field { width: 100%; height: 64px; padding: 0 20px; border: 0; border-radius: 12px; background: var(--mui-palette-gray-5); color: inherit; font: inherit; font-size: 1.0625rem; text-align: left; outline: none; }
.po-field::placeholder { color: var(--mui-palette-gray-2); }
.po-field:focus { box-shadow: 0 0 0 2px var(--color-bg-brand-primary); }
.po-select { display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.po-select [data-empty="true"] { color: var(--mui-palette-gray-2); }
.po-banks { list-style: none; margin: -4px 0 0; padding: 4px; max-height: 220px; overflow-y: auto; border-radius: 12px; background: var(--mui-palette-gray-5); }
.po-banks button { width: 100%; padding: 12px 16px; border: 0; border-radius: 8px; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.po-banks button:hover { background: var(--mui-palette-gray-4); }
.po-foot { padding: 12px 20px 20px; display: flex; flex-direction: column; gap: 8px; }
.po-foot p { margin: 0; font-size: .8125rem; color: var(--mui-palette-gray-2); line-height: 150%; }
.po-foot .po-sum { color: var(--mui-palette-text-primary); }
.po-pay { height: 56px; border: 0; border-radius: 12px; background: var(--color-bg-brand-primary); color: #fff; font: inherit; font-size: 1.0625rem; font-weight: 700; cursor: pointer; }
.po-pay:disabled { background: var(--mui-palette-gray-3); cursor: default; }

.own-moderation { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 12px; background: var(--mui-palette-gray-5); }
.own-moderation b { font-size: 1.0625rem; font-weight: 700; color: #f0a500; }
.own-moderation span { font-size: .9375rem; color: var(--mui-palette-gray-2); }
.own-moderation i { font-style: normal; font-weight: 600; color: var(--mui-palette-text-primary); }

/* окно «Регистрация»: никнейм и фото после первого входа */
.reg-body { display: flex; flex-direction: column; gap: 24px; padding: 8px 20px 24px; }
@media (min-width: 720px) { .reg-body { padding: 16px 32px 32px; } }
.reg-avatar { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.reg-avatar .mui-126vtx5 { width: 122px; height: 122px; }
.reg-avatar .mui-126vtx5 svg { width: 122px; height: 122px; }
.reg-photo { border: 0; background: transparent; color: var(--color-text-accent-blue, #4d86f7); font: inherit; font-size: 1rem; cursor: pointer; }
.reg-field { display: flex; flex-direction: column; gap: 12px; }
.reg-input { width: 100%; height: 56px; padding: 0 24px; border: 1px solid transparent; border-radius: 12px; background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); font: inherit; font-size: 1.25rem; font-weight: 600; outline: none; }
.reg-input::placeholder { color: var(--mui-palette-gray-2); }
.reg-input:focus { border-color: var(--color-bg-brand-primary); }
.reg-input[aria-invalid=true] { border-color: #e5484d; }
.reg-hint { font-size: .875rem; line-height: 170%; color: var(--mui-palette-gray-2); }
.reg-hint.bad { color: #e5484d; }
.reg-hint.good { color: #2fb457; }
.reg-save { height: 56px; border: 0; border-radius: 12px; background: var(--color-bg-brand-primary); color: #fff; font: inherit; font-size: 1.125rem; font-weight: 700; cursor: pointer; }
.reg-save:disabled { opacity: .5; cursor: default; }

/* окно поиска в шапке: на телефоне во весь экран, на компьютере — панель сверху по центру */
.srch { position: fixed; inset: 0; z-index: 1300; display: flex; flex-direction: column; background: var(--color-bg-primary); color: var(--mui-palette-text-primary); }
.srch-panel { display: flex; flex-direction: column; flex: 1; min-height: 0; width: 100%; background: var(--color-bg-primary); }
.srch-head { display: flex; align-items: center; padding: 12px 16px; flex: 0 0 auto; }
.srch-field { position: relative; flex: 1; height: 40px; border-radius: 8px; background: var(--mui-palette-gray-5); cursor: text; }
.srch-ico { position: absolute; left: 12px; top: 8px; color: var(--mui-palette-gray-2); display: flex; }
.srch-clear { position: absolute; right: 8px; top: 8px; display: flex; padding: 0; border: 0; background: transparent; color: var(--mui-palette-gray-2); cursor: pointer; }
.srch-clear[hidden] { display: none; }
.srch-input { width: 100%; height: 40px; padding: 7px 40px 7px 44px; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; font-size: 1rem; line-height: 1.6; }
.srch-input::placeholder { color: var(--mui-palette-gray-2); }
.srch-cancel { margin-left: 12px; height: 40px; padding: 0 4px; border: 0; border-radius: 8px; background: transparent; color: var(--color-text-accent-blue); font: inherit; font-size: 1rem; cursor: pointer; }
.srch-list { flex: 1; overflow-y: auto; padding-bottom: 24px; }
.srch-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; text-decoration: none; color: inherit; position: relative; }
.srch-item::after { content: ""; position: absolute; left: 80px; right: 0; bottom: 0; border-bottom: 1px solid var(--mui-palette-gray-5); }
.srch-img { position: relative; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.srch-img img { width: 100%; height: 100%; object-fit: cover; }
.srch-plus { background: var(--mui-palette-gray-5); color: var(--color-text-accent-blue); }
.srch-text { display: flex; flex-direction: column; min-width: 0; align-self: center; }
.srch-name { font-size: 1rem; font-weight: 600; line-height: 20px; }
.srch-suggest { color: var(--color-text-accent-blue); }
.srch-cats { margin-top: 2px; font-size: .875rem; line-height: 1.3; }
@media (min-width: 1024px) {
  .srch { align-items: center; background: rgba(0, 0, 0, .6); }
  .srch-panel { flex: 0 1 auto; margin-top: 80px; width: 640px; max-height: calc(100% - 160px); border-radius: 16px; overflow: hidden; }
  .srch-head { padding: 16px 20px; }
}
.own-admin { margin: 0 20px 12px; padding: 10px 14px; border-radius: 12px; background: var(--mui-palette-gray-5); color: var(--color-text-accent-blue); font-size: .9375rem; font-weight: 600; text-align: center; }
.own-clone { margin: 0 20px 16px; padding: 14px; border-radius: 12px; background: var(--mui-palette-gray-5); display: flex; flex-direction: column; gap: 10px; }
.own-clone-title { font-size: 1rem; font-weight: 700; color: var(--mui-palette-text-primary); }
.own-clone-text { font-size: .8125rem; line-height: 1.35; color: var(--mui-palette-gray-2); }
.own-clone-row { display: flex; gap: 8px; }
.own-clone-input { flex: 1; min-width: 0; height: 44px; padding: 0 14px; border: 1px solid transparent; border-radius: 10px; background: var(--mui-palette-background-default, #fff); color: var(--mui-palette-text-primary); font: inherit; font-size: 1rem; outline: none; }
.own-clone-input:focus { border-color: var(--color-bg-brand-primary); }
.own-clone-btn { height: 44px; padding: 0 16px; border: 0; border-radius: 10px; background: var(--color-bg-brand-primary, #4d86f7); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.own-clone-btn:disabled { opacity: .5; cursor: default; }
.own-clone-status { min-height: 18px; font-size: .8125rem; color: var(--mui-palette-text-primary); }
.own-clone-status.bad { color: #f0524f; }
.own-clone[hidden] { display: none; }
.own-tabs { display: flex; gap: 4px; margin: 0 20px 12px; padding: 4px; border-radius: 12px; background: var(--mui-palette-gray-5); }
.own-tab { flex: 1; height: 36px; border: 0; border-radius: 9px; background: transparent; color: var(--mui-palette-gray-2); font: inherit; font-size: .9375rem; font-weight: 600; cursor: pointer; }
.own-tab.on { background: var(--mui-palette-background-default, #fff); color: var(--mui-palette-text-primary); }
.own-users { gap: 6px; }
.own-user { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-radius: 10px; background: var(--mui-palette-background-default, #fff); }
.own-user-link { display: block; color: inherit; text-decoration: none; }
.own-user-write { align-self: flex-start; height: 32px; padding: 0 12px; border: 0; border-radius: 8px; background: var(--mui-palette-gray-5); color: var(--mui-palette-blue-text); font: inherit; font-size: .8125rem; font-weight: 600; cursor: pointer; }
.own-user-write:hover { background: var(--mui-palette-gray-4); }
.own-user-write:disabled { opacity: .5; cursor: default; }
.own-user-top { display: flex; align-items: center; gap: 6px; }
.own-user-name { font-weight: 600; color: var(--mui-palette-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.own-user-tag { padding: 1px 6px; border-radius: 6px; background: #dce6ff; color: #1e3a8a; font-size: .6875rem; font-weight: 600; }
.own-user-bal { margin-left: auto; font-size: .875rem; font-weight: 600; color: var(--mui-palette-text-primary); white-space: nowrap; }
.own-user-sub { margin-top: 2px; font-size: .75rem; color: var(--mui-palette-gray-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.own-clone-off { border: 0; background: transparent; color: var(--color-text-accent-blue); font: inherit; cursor: pointer; padding: 0; }
.own-chip { display: inline-flex; align-items: center; gap: 2px; height: 22px; padding: 2px 6px 2px 3px; border-radius: 6px; font-size: .75rem; line-height: 1; font-weight: 500; white-space: nowrap; }
.own-chip img { width: 16px; height: 16px; object-fit: cover; }
.own-chip-gray { background: var(--color-utility-gray-25); color: var(--color-utility-gray-500); }
.own-chip-blue { padding: 2px 8px; background: #dce6ff; color: #1e3a8a; }
.dark .own-chip-blue { background: rgba(77, 134, 247, .18); color: #6f9bff; }
@media (min-width: 768px) { .own-chip { height: 28px; padding: 4px 8px 4px 6px; border-radius: 8px; font-size: .875rem; } .own-chip img { width: 20px; height: 20px; } .own-chip-blue { padding: 4px 10px; } }
.own-renew { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 28px; height: 28px; margin-left: 2px; border: 0; border-radius: 8px; background: var(--mui-palette-gray-5); color: var(--color-bg-brand-primary, #4d86f7); cursor: pointer; transition: background-color .15s; }
.own-renew:hover { background: var(--mui-palette-gray-4); }
.own-renew:disabled { opacity: .5; cursor: default; }
.own-renew svg { width: 18px; height: 18px; }
@media (min-width: 768px) { .own-renew { width: 36px; height: 36px; border-radius: 10px; } .own-renew svg { width: 22px; height: 22px; } }

/* страница заказа: разметка страницы товара + статус, ход сделки, отзыв */
.own-status { align-self: flex-start; display: inline-flex; align-items: center; height: 28px; margin-bottom: 8px; padding: 0 10px; border-radius: 8px; font-size: .875rem; font-weight: 600; }
.own-status-blue { background: rgb(var(--mui-palette-blue-mainChannel) / .12); color: var(--mui-palette-blue-text); }
.own-status-green { background: rgb(var(--mui-palette-green-mainChannel) / .14); color: var(--mui-palette-green-main); }
.own-status-red { background: rgb(240 82 79 / .14); color: #f0524f; }
.own-order-title { color: inherit; text-decoration: none; }
.own-order-title:hover h1 { color: var(--mui-palette-blue-text); }
.own-order-gap { margin-top: 16px; }
.mui-1a40kit.own-btn-soft { background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); box-shadow: none; text-decoration: none; }
.mui-1a40kit.own-btn-soft:hover { background: var(--mui-palette-gray-4); box-shadow: none; }
.own-error { color: #f0524f !important; }
.own-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.own-steps li { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 0 0 20px 40px; min-height: 48px; }
.own-steps li:last-child { padding-bottom: 0; }
.own-steps li::before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box; border: 2px solid var(--mui-palette-gray-4); background: var(--mui-palette-background-default, #fff); }
.own-steps li::after { content: ""; position: absolute; left: 11px; top: 28px; bottom: 4px; width: 2px; border-radius: 1px; background: var(--mui-palette-gray-4); }
.own-steps li:last-child::after { display: none; }
.own-steps li.done::before { border: 0; background: var(--mui-palette-blue-main) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat; }
.own-steps li.done::after { background: var(--mui-palette-blue-main); }
.own-steps li.now::before { border: 7px solid var(--mui-palette-blue-main); }
.own-steps b { font-size: 1rem; line-height: 24px; font-weight: 600; color: var(--mui-palette-text-primary); }
.own-steps li:not(.done):not(.now) b { color: var(--mui-palette-text-secondary); }
.own-steps span { font-size: .875rem; line-height: 1.5; color: var(--mui-palette-text-secondary); }
.own-review { flex-direction: column; gap: 4px; }
.own-review-stars { font-size: 1.25rem; letter-spacing: 2px; color: var(--mui-palette-blue-main); }
.own-review-stars i { font-style: normal; color: var(--mui-palette-gray-4); }
.own-review-form { display: flex; flex-direction: column; gap: 12px; max-width: 560px; }
.own-review-pick { display: flex; gap: 4px; }
.own-review-pick button { border: 0; padding: 0; background: none; font-size: 2rem; line-height: 1; color: var(--mui-palette-gray-4); cursor: pointer; transition: color .15s; }
.own-review-pick button.on { color: var(--mui-palette-blue-main); }
.own-review-form .mui-1a40kit { align-self: flex-start; }

/* чат: круглая кнопка отправки со стрелкой (появляется вместо скрепки, когда есть текст) */
.own-send { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--color-bg-brand-primary, #1453ff); color: #fff; cursor: pointer; transition: background-color .15s; }
.own-send:hover { background: var(--color-bg-brand-primary_hover, #3d71ff); }
.own-send:disabled { opacity: .5; cursor: default; }

/* чат заказа: карточка заказа вверху, события («Вы выполнили заказ»), кнопка действия, отзыв */
.oc-card { display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; }
.oc-card > .oc-event { margin-top: 4px; }
.oc-product { display: flex; align-items: center; gap: 14px; align-self: center; width: min(520px, 100%); color: inherit; text-decoration: none; }
.oc-product img { width: 160px; aspect-ratio: 4 / 3; border-radius: 12px; object-fit: cover; flex-shrink: 0; }
@media (max-width: 767px) { .oc-product img { width: 112px; } }
.oc-product > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.oc-product b { font-size: 1.125rem; font-weight: 700; color: var(--mui-palette-text-primary); }
.oc-product-title { font-size: .9375rem; line-height: 1.4; color: var(--mui-palette-text-primary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.oc-product > span > span:last-child { font-size: .8125rem; color: var(--mui-palette-text-secondary); }
.oc-product:hover .oc-product-title { color: var(--mui-palette-blue-text); }
.oc-section { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; font-size: .875rem; color: var(--mui-palette-text-secondary); }
.oc-section button { border: 0; padding: 0; background: none; color: var(--mui-palette-blue-text); font: inherit; cursor: pointer; }
.oc-box { display: flex; flex-direction: column; gap: 2px; width: 100%; padding: 12px 16px; border: 0; border-radius: 12px; background: var(--mui-palette-gray-5); color: var(--mui-palette-text-primary); text-align: left; font: inherit; }
.oc-box b { font-size: 1rem; font-weight: 600; }
.oc-box p { margin: 0; font-size: .9375rem; line-height: 1.5; white-space: pre-wrap; word-break: break-word; }
.oc-comment > span { font-size: .8125rem; line-height: 1.4; color: var(--mui-palette-text-secondary); }
.oc-comment p { font-size: 1rem; }
.oc-box > span { font-size: .8125rem; line-height: 1.5; color: var(--mui-palette-text-secondary); }
.oc-secret > span:first-child { order: -1; }
.oc-event { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; max-width: 92%; margin: 12px auto; text-align: center; }
.oc-event > span { font-size: .75rem; color: var(--mui-palette-text-secondary); }
.oc-event b { font-size: .9375rem; font-weight: 600; color: var(--mui-palette-text-primary); }
.oc-event p { margin: 0; font-size: .8125rem; color: var(--mui-palette-text-secondary); }
.oc-event .oc-review { margin-top: 8px; width: min(520px, 100%); text-align: left; }
.oc-action { display: flex; flex-direction: column; gap: 6px; padding: 12px 16px 0; }
@media (min-width: 768px) { .oc-action { padding: 12px 20px 0; } }
.oc-action .mui-1a40kit { width: 100%; }
.oc-card .oc-action { align-items: center; padding: 8px 0 0; text-align: center; }
.oc-card .oc-action .mui-1a40kit { width: auto; min-width: 240px; }
.oc-hint { margin: 0; font-size: .8125rem; line-height: 1.4; color: var(--mui-palette-text-secondary); }
.confirm-text { margin: 0; font-size: .9375rem; line-height: 1.5; color: var(--mui-palette-text-primary); }
.confirm-actions { display: flex; gap: 10px; }
.confirm-actions .mui-1a40kit, .buy-card .confirm-actions .mui-1a40kit { flex: 1; width: auto; }
.oc-err { margin: 0; font-size: .8125rem; color: #f0524f; }
.oc-stars { font-size: .9375rem; letter-spacing: 1px; color: var(--mui-palette-blue-main); }
.oc-stars i { font-style: normal; color: var(--mui-palette-gray-4); }
.oc-review { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-radius: 12px; background: var(--mui-palette-gray-5); }
.oc-review p { margin: 0; font-size: .9375rem; line-height: 1.5; color: var(--mui-palette-text-primary); white-space: pre-wrap; word-break: break-word; }
.oc-review-head { display: flex; align-items: center; gap: 10px; }
.oc-review-head img, .oc-ava { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.oc-ava { display: flex; align-items: center; justify-content: center; background: var(--mui-palette-gray-4); color: var(--mui-palette-text-primary); font-weight: 700; }
.oc-review-head > span { display: flex; flex-direction: column; min-width: 0; }
.oc-review-head b { font-size: .9375rem; font-weight: 600; color: var(--mui-palette-text-primary); }
.oc-review-head time { margin-left: auto; align-self: flex-start; font-size: .8125rem; color: var(--mui-palette-text-secondary); white-space: nowrap; }
.oc-review-open { align-self: center; width: min(520px, 100%); margin: 4px auto 8px; padding: 14px; border: 0; border-radius: 12px; background: var(--mui-palette-gray-5); color: var(--mui-palette-blue-text); font: inherit; font-size: 1rem; font-weight: 600; cursor: pointer; }
.oc-review-open:hover { background: var(--mui-palette-gray-4); }
.oc-review-form { align-self: center; width: min(520px, 100%); margin: 4px auto 8px; }
.oc-review-form b { font-size: 1rem; font-weight: 600; color: var(--mui-palette-text-primary); }
.oc-pick { display: flex; gap: 4px; }
.oc-pick button { border: 0; padding: 0; background: none; font-size: 1.75rem; line-height: 1; color: var(--mui-palette-gray-4); cursor: pointer; }
.oc-pick button.on { color: var(--mui-palette-blue-main); }
.oc-review-form .mui-1a40kit { align-self: flex-start; }

/* страница заказа: «Как проходит сделка?» — шаги (текущий подсвечен) и правила с галочками */
.own-deal { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.own-deal li { position: relative; padding: 8px 12px 8px 30px; border-radius: 10px; font-size: 1rem; line-height: 1.5; color: var(--mui-palette-text-primary); }
.own-deal li::before { content: ""; position: absolute; left: 12px; top: 17px; width: 6px; height: 6px; border-radius: 50%; background: var(--mui-palette-blue-main); }
.own-deal li.now { background: rgb(var(--mui-palette-blue-mainChannel) / .12); font-weight: 600; }
.own-rules { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.own-rules li { position: relative; padding-left: 30px; font-size: .9375rem; line-height: 1.5; color: var(--mui-palette-text-primary); }
.own-rules li::before { content: ""; position: absolute; left: 4px; top: 3px; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%238b5cf6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.oc-receive { background: var(--mui-palette-blue-main); color: #fff; }
.oc-receive > span { color: rgb(255 255 255 / .8) !important; order: -1; }

/* окно оформления покупки: товар, поле «Получение», «Оплатить» */
.buy-modal { position: fixed; inset: 0; z-index: 1201; display: flex; align-items: center; justify-content: center; padding: 16px; }
.buy-card { display: flex; flex-direction: column; gap: 14px; width: 100%; max-width: 440px; padding: 20px; border-radius: 16px; background: var(--mui-palette-background-default, #fff); color: var(--mui-palette-text-primary); box-shadow: 0 10px 40px rgb(0 0 0 / .25); }
.buy-head { display: flex; align-items: center; justify-content: space-between; }
.buy-head b { font-size: 1.25rem; font-weight: 700; }
.buy-close { border: 0; background: none; color: var(--mui-palette-text-secondary); font-size: 1.125rem; cursor: pointer; padding: 4px 6px; }
.buy-product { display: flex; align-items: center; gap: 12px; }
.buy-product img { width: 88px; aspect-ratio: 4 / 3; border-radius: 10px; object-fit: cover; flex-shrink: 0; }
.buy-product > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.buy-product b { font-size: 1.125rem; font-weight: 700; }
.buy-product > span > span { font-size: .875rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.buy-field { display: flex; flex-direction: column; gap: 6px; }
.buy-field > span { font-size: .875rem; color: var(--mui-palette-text-secondary); }
.buy-hint { margin: -6px 0 0; font-size: .8125rem; color: var(--mui-palette-text-secondary); }
.buy-err { margin: 0; font-size: .875rem; color: #f0524f; }
.buy-card .mui-1a40kit { width: 100%; }
.own-receive { font-weight: 600; color: var(--mui-palette-text-primary); word-break: break-word; }

/* ===== страница сделки (как на Playerok) ===== */
.deal { width: 100%; max-width: 1120px; margin: 0 auto; padding: 8px 16px 40px; color: var(--mui-palette-text-primary); }
.deal-back { display: inline-flex; align-items: center; gap: 12px; margin: 4px 0 14px; font-size: .9375rem; font-weight: 600; color: inherit; text-decoration: none; }
.deal-top { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 16px 24px; border-radius: 12px; background: var(--mui-palette-gray-5); text-align: center; overflow: hidden; }
.deal-progress { display: flex; gap: 8px; width: calc(100% + 32px); margin: 0 -16px 10px; }
.deal-progress i { flex: 1; height: 5px; border-radius: 0 0 4px 4px; background: var(--mui-palette-gray-4); }
.deal-progress i.on { background: var(--color-bg-brand-primary); }
.deal-top h1 { margin: 0; font-size: 1.25rem; font-weight: 700; }
.deal-top h1.blue { color: var(--mui-palette-blue-text); }
.deal-top-text { margin: 0; max-width: 760px; font-size: .875rem; line-height: 1.45; }
.deal-people { display: flex; gap: 28px; margin: 8px 0 4px; }
.deal-people > * { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: .75rem; color: var(--mui-palette-text-secondary); text-decoration: none; }
.deal-people img, .deal-round { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.deal-round { display: flex; align-items: center; justify-content: center; background: var(--mui-palette-background-default, #fff); color: var(--mui-palette-text-primary); font-size: 22px; }
.deal-top-action { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; }
.deal-btn { width: min(320px, 100%); height: 44px; border: 0; border-radius: 10px; background: var(--color-bg-brand-primary); color: #fff; font: inherit; font-size: .9375rem; font-weight: 600; cursor: pointer; }
.deal-btn:hover { filter: brightness(1.08); }
.deal-btn-wait, .deal-btn-wait:hover { background: var(--mui-palette-gray-4); color: var(--mui-palette-text-secondary); cursor: default; filter: none; }
.deal-top-action .own-review-form { width: min(420px, 100%); }
.deal-review { display: flex; flex-direction: column; align-items: center; gap: 10px; width: min(420px, 100%); padding: 16px; border-radius: 10px; background: var(--mui-palette-background-default, #fff); }
.deal-review > div { display: flex; align-items: center; gap: 10px; width: 100%; }
.deal-review img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.deal-review time { margin-left: auto; font-size: .75rem; color: var(--mui-palette-text-secondary); }
.deal-review p { margin: 0; font-size: .875rem; }
.deal-stars { font-size: 1.75rem; letter-spacing: 4px; color: var(--color-bg-brand-primary); }
.deal-stars i { font-style: normal; color: var(--mui-palette-gray-4); }
.deal-body { display: flex; gap: 40px; margin-top: 24px; }
.deal-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.deal-side { width: 240px; flex-shrink: 0; display: flex; flex-direction: column; gap: 14px; }
.deal-card { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 12px; background: var(--mui-palette-gray-5); }
.deal-card > b { font-size: .9375rem; font-weight: 600; }
.deal-card > p { margin: 0; font-size: .875rem; }
.deal-card > span { font-size: .75rem; color: var(--mui-palette-text-secondary); }
.deal-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.deal-card-head h2 { margin: 0; font-size: 1.125rem; font-weight: 700; }
.deal-card-head button { border: 0; padding: 0; background: none; color: var(--mui-palette-blue-text); font: inherit; font-size: .8125rem; cursor: pointer; }
.deal-data-row { margin: 0; }
.deal-data-row span { display: block; font-size: .75rem; color: var(--mui-palette-text-secondary); }
.deal-data-row p { margin: 2px 0 0; font-size: .875rem; white-space: pre-wrap; word-break: break-word; }
.deal-guide { padding-top: 6px; font-size: .875rem; line-height: 1.5; }
.deal-guide h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 1.125rem; font-weight: 700; }
.deal-i { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: var(--color-bg-brand-primary); color: #fff; font-size: .75rem; font-weight: 700; font-style: italic; }
.deal-guide ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }
.deal-guide ul li::marker { color: var(--color-bg-brand-primary); }
.deal-ban-title { margin: 16px 0 6px; }
.deal-guide ul.deal-ban { padding-left: 0; list-style: none; gap: 4px; }
.deal-product { display: flex; flex-direction: column; gap: 6px; color: inherit; text-decoration: none; }
.deal-product img { width: 100%; aspect-ratio: 4 / 3; border-radius: 10px; object-fit: cover; }
.deal-price { display: flex; align-items: center; gap: 6px; }
.deal-price b { font-size: 1rem; font-weight: 700; }
.deal-price em { padding: 1px 6px; border-radius: 6px; background: #ff3d71; color: #fff; font-size: .75rem; font-style: normal; font-weight: 600; }
.deal-price s { font-size: .8125rem; color: var(--mui-palette-text-secondary); }
.deal-product-title { font-size: .8125rem; font-weight: 500; line-height: 1.35; }
.deal-product:hover .deal-product-title { color: var(--mui-palette-blue-text); }
.deal-paid { display: flex; flex-direction: column; gap: 2px; padding-top: 14px; border-top: 1px solid var(--mui-palette-gray-4); font-size: .75rem; color: var(--mui-palette-text-secondary); }
.deal-paid span { font-weight: 500; }
@media (max-width: 899px) {
  .deal-body { flex-direction: column-reverse; gap: 20px; }
  .deal-side { width: 100%; flex-direction: row; align-items: flex-start; }
  .deal-product { flex: 1; }
  .deal-paid { flex: 1; border-top: 0; padding-top: 0; }
}

/* окно «Заказ выполнен?» */
.deal-modal { position: fixed; inset: 0; z-index: 1201; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgb(0 0 0 / .6); }
.deal-modal-card { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 100%; max-width: 360px; padding: 24px 20px 16px; border-radius: 16px; background: var(--mui-palette-background-default, #fff); color: var(--mui-palette-text-primary); text-align: center; box-shadow: 0 10px 40px rgb(0 0 0 / .3); }
.deal-modal-title { font-size: 1.25rem; font-weight: 700; }
.deal-modal-text { margin: -6px 0 0; font-size: .875rem; line-height: 1.45; color: var(--mui-palette-text-secondary); }
.deal-check { display: flex; align-items: center; gap: 10px; align-self: flex-start; font-size: .875rem; cursor: pointer; text-align: left; }
.deal-check input { width: 22px; height: 22px; margin: 0; accent-color: var(--color-bg-brand-primary); cursor: pointer; }
.deal-modal-actions { display: flex; gap: 10px; width: 100%; }
.deal-modal-actions button { flex: 1; height: 44px; border: 0; border-radius: 10px; font: inherit; font-size: .9375rem; font-weight: 600; cursor: pointer; }
.deal-cancel { background: var(--mui-palette-gray-5); color: var(--mui-palette-blue-text); }
.deal-ok { background: var(--color-bg-brand-primary); color: #fff; }
.deal-ok:disabled { background: var(--mui-palette-gray-4); color: var(--mui-palette-text-secondary); cursor: default; }
.deal-more { display: flex; align-items: center; justify-content: space-between; width: 100%; border: 0; padding: 6px 0 0; background: none; color: var(--mui-palette-blue-text); font: inherit; font-size: .875rem; cursor: pointer; }
.deal-err { margin: 0; font-size: .8125rem; color: #f0524f; }

/* ряд игр под баннером: полупрозрачный фон с размытием, как на Playerok (этих классов нет в playerok.css) */
.from-bg-primary\/72.backdrop-blur-\[20px\] { background-image: linear-gradient(to bottom, color-mix(in srgb, var(--color-bg-primary) 72%, transparent), color-mix(in srgb, var(--color-bg-primary) 80%, transparent)); position: relative; z-index: 1; -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; }
.dark .from-bg-primary\/72.backdrop-blur-\[20px\] { background-image: linear-gradient(to bottom, color-mix(in srgb, var(--color-bg-primary) 64%, transparent), color-mix(in srgb, var(--color-bg-primary) 80%, transparent)); }

/* чат сделки: подпись «что делать» синим, ник собеседника на картинке товара, картинка в шапке */
.oc-product .oc-step, .oc-head-step { display: block; font-size: .875rem !important; font-weight: 500; color: var(--color-text-accent-blue) !important; }
.oc-head-step { font-size: .8125rem; }
.oc-product .oc-product-title { -webkit-line-clamp: 1; }
.oc-pic { position: relative; flex-shrink: 0; display: block; }
.oc-pic > img { display: block; }
.oc-pic-user { position: absolute; left: 8px; bottom: 8px; right: 8px; display: flex; align-items: center; gap: 5px; font-size: .75rem; font-weight: 600; color: #fff; text-shadow: 0 1px 3px rgb(0 0 0 / .7); white-space: nowrap; overflow: hidden; }
.oc-pic-user img { width: 18px !important; height: 18px; aspect-ratio: 1 !important; border-radius: 50% !important; object-fit: cover; flex-shrink: 0; }
.oc-head-pic { width: 76px; height: 44px; border-radius: 8px; object-fit: cover; }