/* Биржа подарков (05.10). Основа — стили Тайной комнаты (meet.css): шрифт сайта, тёмная сцена, карточки, окна. */
.mk-app { overflow: visible; padding: 22px 22px 40px; background: radial-gradient(120% 70% at 85% 0%, rgba(140, 30, 90, .35), transparent 60%), var(--mt-bg); }
.mk-app a { color: inherit; }
.mk-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; flex-wrap: wrap; margin-bottom: 16px; }
.mk-head-txt { min-width: 0; flex: 1 1 380px; }
.mk-back { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: #c4b3c8 !important; text-decoration: none; margin-bottom: 6px; }
.mk-back svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.mk-head h1 { margin: 0 0 6px; font-size: clamp(26px, 3.4vw, 38px); font-weight: 800; letter-spacing: -.02em; color: #fff; }
.mk-head p { margin: 0; color: #c4b3c8; font-size: 16px; line-height: 1.5; } .mk-head p b { color: #6ef0a5; }
.mk-wallet { display: flex; gap: 10px; }
.mk-wallet div { padding: 10px 14px; border-radius: 16px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); min-width: 120px; }
.mk-wallet small { display: block; font-size: 12px; color: #a993ad; } .mk-wallet b { font-size: 17px; color: #fff; white-space: nowrap; }
.mk-wallet div + div b { color: #6ef0a5; }

.mk-how-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px; }
.mk-how-strip > div { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 16px; background: rgba(110, 240, 165, .06); border: 1px solid rgba(110, 240, 165, .18); }
.mk-how-strip i { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-weight: 800; font-size: 13px; background: #6ef0a5; color: #10221a; }
.mk-how-strip span { font-size: 13px; color: #c4b3c8; line-height: 1.4; } .mk-how-strip b { display: block; color: #fff; font-size: 14px; }

.mk-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.mk-stats div { padding: 10px 12px; border-radius: 14px; background: rgba(255, 255, 255, .04); }
.mk-stats b { display: block; font-size: 18px; color: #fff; } .mk-stats small { font-size: 12px; color: #a993ad; }

.mk-tabs { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 5; display: flex; gap: 6px; overflow-x: auto; padding: 8px 0; margin-bottom: 14px;
    background: linear-gradient(180deg, var(--mt-bg) 70%, transparent); scrollbar-width: none; }
.mk-tabs::-webkit-scrollbar { display: none; }
.mk-tabs a { flex-shrink: 0; height: 38px; padding: 0 16px; display: inline-flex; align-items: center; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .04); color: #f6eef6 !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.mk-tabs a.on { background-image: linear-gradient(180deg, #ff6fae, #d6377f); border-color: transparent; }
.mk-guest { padding: 24px; border-radius: 20px; background: var(--mt-surface); text-align: center; } .mk-guest p { color: #c4b3c8; }

.mk-filters { display: grid; gap: 10px; margin-bottom: 10px; }
.mk-seg .mt-opt { padding: 8px 14px; font-size: 13px; }
.mk-frow { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr 1.1fr; gap: 8px; }
.mk-frow label { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .mk-frow label[hidden] { display: none !important; }
.mk-frow small { font-size: 12px; color: #a993ad; }
.mk-frow select, .mk-frow input { height: 42px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05); color: #f6eef6;
    padding: 0 10px; font: inherit; font-size: 14px; min-width: 0; width: 100%; box-sizing: border-box; }
.mk-frow select option { background: #1d1420; }
.mk-price span { display: flex; gap: 6px; }
.mk-count { font-size: 13px; color: #a993ad; margin: 4px 0 8px; }
.mk-note { font-size: 14px; color: #c4b3c8; margin: 0 0 12px; } .mk-note a { color: #ff8fc0 !important; }

.mk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.mk-lot { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 10px 12px; border-radius: 18px; cursor: pointer; text-align: center;
    background: linear-gradient(180deg, rgba(60, 26, 50, .55), rgba(25, 16, 28, .85)); border: 1px solid rgba(255, 140, 195, .16); color: #f6eef6; font-family: inherit; }
.mk-lot:hover { border-color: rgba(255, 140, 195, .45); }
.mk-lot-u { border-color: rgba(255, 207, 107, .3); }
.mk-lot > b { font-size: 14px; line-height: 1.25; }
.mk-lot-price { font-size: 17px; font-weight: 800; color: #fff; }
.mk-lot small { font-size: 12px; color: #a993ad; }
.mk-ltd { font-size: 11px; color: #ffcf6b; font-weight: 700; } .mk-ltd-off { color: #8a7a8e; font-weight: 500; }
.mk-good { color: #6ef0a5 !important; font-style: normal; }
.mk-mine { position: absolute; top: 8px; left: 8px; font-size: 11px; padding: 2px 8px; border-radius: 999px; background: rgba(110, 240, 165, .18); color: #6ef0a5; }
.mk-sell-hint { font-size: 13px; color: #6ef0a5; font-weight: 600; }
.mk-sellbtn { margin-top: 4px; width: 100%; height: 34px; border-radius: 999px; display: grid; place-items: center; font-size: 13px; font-weight: 700;
    background-image: linear-gradient(180deg, #ff6fae, #d6377f); color: #fff; }
.mk-more { margin: 14px auto 0; display: flex; }
.mk-empty { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 26px 16px; border-radius: 18px; background: rgba(255, 255, 255, .04); text-align: center; }
.mk-empty b { color: #fff; font-size: 16px; } .mk-empty span { color: #c4b3c8; max-width: 460px; line-height: 1.5; }
.mk-loading { display: flex; gap: 8px; justify-content: center; padding: 40px 0; grid-column: 1 / -1; }
.mk-loading i { width: 9px; height: 9px; border-radius: 50%; background: #ff5fa2; animation: mkDot 1s infinite ease-in-out; }
.mk-loading i:nth-child(2) { animation-delay: .15s; } .mk-loading i:nth-child(3) { animation-delay: .3s; }
@keyframes mkDot { 0%, 100% { opacity: .25; transform: scale(.8); } 50% { opacity: 1; transform: none; } }
.mk-dim { color: #8a7a8e; font-size: 14px; }
.mk-up { color: #6ef0a5; } .mk-down { color: #ff8f8f; }

/* цены по видам */
.mk-table { display: grid; gap: 6px; }
.mk-tr { display: grid; grid-template-columns: 2.2fr 1fr 1fr 1fr 1fr .6fr; gap: 8px; align-items: center; padding: 8px 12px; border-radius: 14px; text-decoration: none;
    background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .05); font-size: 14px; color: #f6eef6 !important; }
a.mk-tr:hover { border-color: rgba(255, 140, 195, .35); }
.mk-th { background: none; border: 0; font-size: 12px; color: #a993ad !important; padding-top: 0; padding-bottom: 0; }
.mk-tg { display: flex; align-items: center; gap: 10px; min-width: 0; } .mk-tg > span { display: flex; flex-direction: column; min-width: 0; }
.mk-tg small { font-size: 12px; color: #a993ad; }
.mk-tr small { color: #a993ad; }

/* карточка вида */
.mk-back2 { display: inline-block; margin-bottom: 10px; font-size: 14px; color: #ff8fc0 !important; text-decoration: none; }
.mk-ghead { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; } .mk-ghead h2 { margin: 0 0 4px; font-size: 24px; color: #fff; }
.mk-ghead small { color: #c4b3c8; font-size: 13px; line-height: 1.4; }
.mk-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 10px; }
.mk-kpis div { padding: 10px 12px; border-radius: 14px; background: rgba(255, 255, 255, .04); } .mk-kpis small { display: block; font-size: 12px; color: #a993ad; }
.mk-kpis b { font-size: 17px; color: #fff; }
.mk-chart { position: relative; height: 150px; margin-bottom: 14px; border-radius: 16px; background: rgba(255, 255, 255, .03); overflow: hidden; }
.mk-chart svg { width: 100%; height: 100%; display: block; }
.mk-line { fill: none; stroke: #ff5fa2; stroke-width: 2.5; vector-effect: non-scaling-stroke; } .mk-area { fill: rgba(255, 95, 162, .12); }
.mk-chart-hi, .mk-chart-lo { position: absolute; left: 10px; font-size: 11px; color: #a993ad; } .mk-chart-hi { top: 6px; } .mk-chart-lo { bottom: 6px; }
.mk-chart-empty { display: grid; place-items: center; color: #8a7a8e; font-size: 14px; height: 80px; }
.mk-sellbox { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px; margin-bottom: 14px; border-radius: 16px; background: rgba(110, 240, 165, .07); border: 1px solid rgba(110, 240, 165, .25); }
.mk-sellbox > b { color: #fff; } .mk-sellbox > span { flex: 1 1 260px; color: #c4b3c8; font-size: 14px; } .mk-sellbox > span b { color: #6ef0a5; }
.mk-sellbox .mt-cta { min-width: 0; height: 44px; padding: 0 20px; }
.mk-sm { height: 40px !important; padding: 0 16px !important; font-size: 14px !important; width: auto !important; margin: 0 !important; }
.mk-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 8px; }
.mk-app h3 { margin: 16px 0 8px; font-size: 16px; color: #fff; } .mk-app h3 small { color: #a993ad; font-weight: 500; }
.mk-list { display: grid; gap: 6px; }
.mk-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 14px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .06);
    color: #f6eef6; font-family: inherit; text-align: left; cursor: pointer; width: 100%; box-sizing: border-box; }
div.mk-row { cursor: default; }
.mk-row > span { flex: 1; min-width: 0; display: flex; flex-direction: column; } .mk-row small { font-size: 12px; color: #a993ad; }
.mk-row em { font-style: normal; font-size: 13px; font-weight: 700; color: #ff8fc0; flex-shrink: 0; }
.mk-book { display: grid; gap: 4px; margin-bottom: 10px; }
.mk-book div { display: flex; justify-content: space-between; padding: 6px 10px; border-radius: 10px; background: rgba(110, 240, 165, .06); font-size: 14px; }
.mk-book b { color: #6ef0a5; } .mk-book small { color: #a993ad; }
.mk-bidform { display: flex; gap: 8px; margin-bottom: 6px; } .mk-bidform .mt-addr { flex: 1; min-width: 0; }
.mk-bidform .mt-cta { min-width: 0; height: 46px; padding: 0 18px; flex-shrink: 0; }
.mk-mybids { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 10px; font-size: 13px; }
.mk-mybids span { padding: 4px 6px 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .06); }
.mk-mybids button { border: 0; background: none; color: #ff8fc0; cursor: pointer; font: inherit; font-size: 12px; }
.mk-hist { display: grid; gap: 2px; font-size: 13px; }
.mk-hist div { display: grid; grid-template-columns: 1.3fr 1.6fr auto; gap: 8px; padding: 7px 10px; border-radius: 10px; background: rgba(255, 255, 255, .025); color: #c4b3c8; }
.mk-hist b { color: #fff; }

/* мои подарки и сделки */
.mk-minehead { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; padding: 12px 14px; border-radius: 16px; background: rgba(255, 255, 255, .04); }
.mk-minehead b { color: #fff; font-size: 16px; display: block; } .mk-minehead small { color: #c4b3c8; font-size: 13px; }
.mt-earn.mk-earn { width: 100%; margin: 0 0 8px; }
.mk-wide-opt { width: 100%; margin-bottom: 4px; }
.mk-item-more { display: grid; gap: 0; margin-top: 10px; } .mk-item-more .mt-ghost { text-decoration: none; }
.mk-sheet-links { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 12px; font-size: 13px; } .mk-sheet-links a { color: #ff8fc0 !important; }
.mk-how { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.mk-how > div { padding: 16px; border-radius: 18px; background: rgba(255, 255, 255, .04); } .mk-how h3 { margin-top: 0; }
.mk-how p { color: #c4b3c8; line-height: 1.55; margin: 0; } .mk-how b { color: #fff; }
.mk-how .mt-cta { grid-column: 1 / -1; justify-self: center; text-decoration: none; }

@media (max-width: 900px) {
    .mk-frow { grid-template-columns: 1fr 1fr; }
    .mk-cols { grid-template-columns: 1fr; }
    .mk-tr { grid-template-columns: 1fr 1fr 1fr; row-gap: 4px; }
    .mk-th { display: none; }
    .mk-tr .mk-tg { grid-column: 1 / -1; }
    .mk-tr > span[data-l]::before { content: attr(data-l); display: block; font-size: 11px; color: #8a7a8e; }
}
@media (max-width: 640px) {
    .mk-app { padding: 16px 14px 96px; border-radius: 22px; }
    .mk-how-strip { grid-template-columns: 1fr; gap: 6px; }
    .mk-how-strip > div { padding: 9px 12px; }
    .mk-stats, .mk-kpis { grid-template-columns: repeat(2, 1fr); }
    .mk-wallet { width: 100%; } .mk-wallet div { flex: 1; min-width: 0; }
    .mk-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .mk-lot .mt-u-md { width: 84px; height: 84px; }
    .mk-how { grid-template-columns: 1fr; }
    .mk-hist div { grid-template-columns: 1fr auto; } .mk-hist div span:first-child { grid-column: 1 / -1; font-size: 11px; }
    .mk-bidform { flex-wrap: wrap; } .mk-bidform .mt-cta { width: 100%; }
}

/* 05.10: на телефоне шапка компактная — рынок виден сразу */
@media (max-width: 640px) {
    .mk-head { margin-bottom: 10px; gap: 10px; } .mk-head h1 { font-size: 26px; } .mk-head p { font-size: 14px; }
    .mk-wallet div { padding: 8px 12px; } .mk-wallet b { font-size: 15px; }
    .mk-how-strip { display: flex; overflow-x: auto; gap: 6px; scrollbar-width: none; margin-bottom: 10px; }
    .mk-how-strip::-webkit-scrollbar { display: none; }
    .mk-how-strip > div { flex: 0 0 72%; padding: 8px 10px; }
    .mk-stats { grid-template-columns: repeat(4, 1fr); gap: 4px; margin-bottom: 8px; }
    .mk-stats div { padding: 6px 6px; } .mk-stats b { font-size: 15px; } .mk-stats small { font-size: 10px; line-height: 1.2; display: block; }
}
.mk-promo { font-size: 12px; font-weight: 700; color: #ffcf6b; } .mk-sellbtn-off { background-image: none; background: rgba(255, 255, 255, .08); color: #e9dcea; }

/* 05.10: упрощённая биржа */
.mk-frow2 { grid-template-columns: 1.4fr 1fr; max-width: 560px; }
@media (max-width: 900px) { .mk-frow2 { grid-template-columns: 1fr 1fr; } }
.mk-howlink { color: #ff8fc0 !important; font-size: 14px; white-space: nowrap; }
.mk-empty a:not(.mt-cta) { color: #ff8fc0 !important; }
.mk-empty .mt-cta { margin-top: 6px; text-decoration: none; }
.mk-house { position: absolute; top: 8px; left: 8px; font-size: 11px; padding: 2px 8px; border-radius: 999px; background: rgba(255, 207, 107, .16); color: #ffcf6b; }

/* ===== 06.10: новая шапка биржи — блок с парящими подарками, кнопки вместо ссылок ===== */
.mk-hero { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 10px; margin: 0 0 16px; padding: 26px 28px 26px;
    border-radius: 26px; border: 1px solid rgba(255, 140, 195, .22); isolation: isolate;
    background: radial-gradient(70% 90% at 100% 0%, rgba(214, 51, 132, .38), transparent 60%), radial-gradient(60% 80% at 0% 100%, rgba(138, 43, 226, .3), transparent 60%), #171019;
    box-shadow: 0 24px 50px -28px rgba(214, 51, 132, .9); }
.mk-hero::before { content: ''; position: absolute; inset: -40%; z-index: -1; background: conic-gradient(from 0deg, transparent, rgba(255, 95, 162, .14), transparent 30%, rgba(138, 43, 226, .14), transparent 60%);
    animation: mkSpin 18s linear infinite; }
@keyframes mkSpin { to { transform: rotate(360deg); } }
.mk-backbtn { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px 0 10px; border-radius: 999px;
    font-size: 13px; font-weight: 600; color: #f3e6f0 !important; text-decoration: none; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); transition: background .2s; }
.mk-backbtn:hover { background: rgba(255, 255, 255, .12); }
.mk-backbtn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.mk-hero-txt { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.mk-kicker { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; font-size: 12.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #ffb3d4; }
.mk-kicker i { width: 8px; height: 8px; border-radius: 50%; background: #3ddc84; animation: mkPulse 2s infinite; }
@keyframes mkPulse { 0% { box-shadow: 0 0 0 0 rgba(61, 220, 132, .6); } 70% { box-shadow: 0 0 0 7px rgba(61, 220, 132, 0); } 100% { box-shadow: 0 0 0 0 rgba(61, 220, 132, 0); } }
.mk-hero h1 { margin: 0; font-size: clamp(30px, 4vw, 44px); font-weight: 800; line-height: 1.02; letter-spacing: -.02em; color: #fff; }
.mk-hero h1 span { background-image: linear-gradient(90deg, #ff6aa6, #ffb86b, #ff6aa6); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent;
    animation: mkShine 5s linear infinite; }
@keyframes mkShine { to { background-position: -200% 0; } }
.mk-hero p { margin: 0; color: #d9cbdc; font-size: 15.5px; line-height: 1.55; max-width: 520px; }
.mk-feats { list-style: none; margin: 2px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.mk-feats li { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 16px; background: rgba(20, 13, 25, .55); border: 1px solid rgba(255, 255, 255, .1);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); animation: mkRise .6s both; }
.mk-feats li:nth-child(2) { animation-delay: .08s; } .mk-feats li:nth-child(3) { animation-delay: .16s; }
@keyframes mkRise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.mk-feat-ic { flex-shrink: 0; width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(255, 95, 162, .25), rgba(138, 43, 226, .22)); }
.mk-feat-ic svg { width: 19px; height: 19px; fill: none; stroke: #ff9cc8; stroke-width: 1.9; stroke-linejoin: round; stroke-linecap: round; }
.mk-feats li > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.mk-feats b { font-size: 14px; color: #fff; } .mk-feats small { font-size: 12px; color: #b9a7bd; line-height: 1.3; }
.mk-hero-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mk-howbtn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600;
    color: #fff !important; text-decoration: none; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 140, 195, .35); transition: background .2s, transform .2s; }
.mk-howbtn:hover { background: rgba(255, 95, 162, .14); transform: translateY(-1px); }
.mk-howbtn svg { width: 18px; height: 18px; fill: none; stroke: #ff9cc8; stroke-width: 2; stroke-linecap: round; }
.mk-hero .mk-wallet { display: flex; align-items: center; gap: 12px; height: 42px; padding: 0 16px 0 6px; border-radius: 999px; background: rgba(110, 240, 165, .08); border: 1px solid rgba(110, 240, 165, .28); }
.mk-hero .mk-wallet > span:not(.mk-wallet-ic) { display: flex; flex-direction: column; line-height: 1.1; min-width: 0; padding: 0; background: none; border: 0; }
.mk-wallet-ic { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: rgba(110, 240, 165, .18); }
.mk-wallet-ic svg { width: 15px; height: 15px; fill: #6ef0a5; }
.mk-hero .mk-wallet small { font-size: 11px; color: #9fd9b8; } .mk-hero .mk-wallet b { font-size: 15px; color: #fff; }
/* парящие подарки */
.mk-hero-art { grid-column: 2; grid-row: 2; position: relative; min-height: 230px; }
.mk-float { position: absolute; border-radius: 26px; background: var(--img) center / cover no-repeat; box-shadow: 0 18px 40px -12px rgba(214, 51, 132, .8), 0 0 0 1px rgba(255, 255, 255, .1);
    animation: mkFloat 6s ease-in-out infinite; }
.mk-float.f1 { width: 150px; height: 150px; right: 70px; top: 20px; z-index: 2; }
.mk-float.f2 { width: 104px; height: 104px; right: 0; top: 118px; animation-delay: -2s; transform: rotate(8deg); }
.mk-float.f3 { width: 92px; height: 92px; right: 210px; top: 120px; animation-delay: -4s; }
@keyframes mkFloat { 0%, 100% { translate: 0 0; rotate: -3deg; } 50% { translate: 0 -12px; rotate: 3deg; } }
.mk-spark { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px 4px rgba(255, 180, 220, .9); animation: mkTwinkle 3s ease-in-out infinite; }
.mk-spark.s1 { right: 40px; top: 18px; } .mk-spark.s2 { right: 250px; top: 60px; animation-delay: -1s; } .mk-spark.s3 { right: 120px; top: 205px; animation-delay: -2s; }
@keyframes mkTwinkle { 0%, 100% { opacity: .2; transform: scale(.6); } 50% { opacity: 1; transform: scale(1.2); } }
/* вкладки — сегменты с иконками */
.mk-tabs { gap: 6px; padding: 6px; border-radius: 999px; background: rgba(20, 13, 25, .85); border: 1px solid rgba(255, 255, 255, .08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.mk-tabs a { gap: 7px; flex: 1 1 0; justify-content: center; border: 0 !important; background: transparent; font-weight: 600; transition: background .2s, color .2s; }
.mk-tabs a svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mk-tabs a:not(.on):hover { background: rgba(255, 255, 255, .06); }
.mk-tabs a.on { box-shadow: 0 8px 18px -8px rgba(214, 51, 132, .9); }
/* «Как это работает» — карточки с иконками, появляются по очереди */
.mk-how-title { margin: 4px 0 14px; font-size: 22px; font-weight: 800; color: #fff; }
.mk-how > div { position: relative; padding: 20px 20px 18px; border-radius: 20px; background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .08); animation: mkRise .5s both; }
.mk-how > div:nth-child(2) { animation-delay: .06s; } .mk-how > div:nth-child(3) { animation-delay: .12s; } .mk-how > div:nth-child(4) { animation-delay: .18s; }
.mk-how > div:nth-child(5) { animation-delay: .24s; } .mk-how > div:nth-child(6) { animation-delay: .3s; }
.mk-how h3 { margin: 12px 0 6px; font-size: 16px; color: #fff; } .mk-how p { margin: 0; color: #cdbdd1; font-size: 14.5px; line-height: 1.55; }
.mk-step-ic { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(255, 95, 162, .28), rgba(138, 43, 226, .24));
    box-shadow: 0 8px 18px -10px rgba(214, 51, 132, .9); }
.mk-step-ic svg { width: 21px; height: 21px; fill: none; stroke: #ffb3d4; stroke-width: 1.9; stroke-linejoin: round; stroke-linecap: round; }
.mk-how-cta { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 16px; }
@media (max-width: 860px) {
    .mk-hero { grid-template-columns: 1fr; padding: 18px 16px 20px; }
    .mk-hero-art { grid-column: 1; grid-row: 2; min-height: 150px; margin: -4px 0 -6px; }
    .mk-hero-txt { grid-row: 3; gap: 12px; }
    .mk-float.f1 { width: 110px; height: 110px; left: 50%; right: auto; margin-left: -55px; top: 8px; }
    .mk-float.f2 { width: 76px; height: 76px; left: 50%; right: auto; margin-left: 52px; top: 58px; }
    .mk-float.f3 { width: 70px; height: 70px; left: 50%; right: auto; margin-left: -128px; top: 60px; }
    .mk-spark.s2 { right: auto; left: 18%; } .mk-spark.s1 { right: 18%; }
    .mk-feats { grid-template-columns: 1fr; gap: 8px; }
    .mk-hero-actions > * { flex: 1 1 auto; justify-content: center; }
    .mk-how { grid-template-columns: 1fr; }
    .mk-tabs a { padding: 0 10px; font-size: 13.5px; }
}
@media (prefers-reduced-motion: reduce) { .mk-hero::before, .mk-float, .mk-spark, .mk-kicker i, .mk-hero h1 span, .mk-feats li, .mk-how > div { animation: none !important; } }

/* ===== 06.10: понятные карточки лотов, кнопки вместо ссылок ===== */
.mk-lot { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 12px 12px; border-radius: 20px; text-align: center;
    background: linear-gradient(170deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)); border: 1px solid rgba(255, 255, 255, .09); transition: transform .2s, border-color .2s, box-shadow .2s; }
.mk-lot:hover { transform: translateY(-3px); border-color: rgba(255, 140, 195, .45); box-shadow: 0 16px 30px -18px rgba(214, 51, 132, .9); }
.mk-lot > b { font-size: 14.5px; color: #fff; }
.mk-save { position: absolute; top: 10px; left: 10px; z-index: 2; padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; color: #0f2a1b; background: #6ef0a5; }
.mk-price2 { display: inline-flex; align-items: baseline; gap: 6px; font-size: 13px; color: #c9b9cd; }
.mk-price2 s { color: #8f7d93; font-size: 13px; } .mk-price2 b { font-size: 19px; color: #fff; font-weight: 800; }
.mk-buybtn { width: 100%; margin-top: 4px; height: 36px; border-radius: 999px; display: grid; place-items: center; font-size: 14px; font-weight: 600; color: #fff;
    background-image: linear-gradient(135deg, #ff6aa6, #d6377f); box-shadow: 0 8px 18px -10px rgba(214, 51, 132, 1); }
.mk-buybtn-mine { background: rgba(255, 255, 255, .08); box-shadow: none; color: #d9cbdc; }
.mk-ltd-off { display: none; }
.mk-pricebox { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; width: 100%; margin: 6px 0 4px; }
.mk-pricebox > div { padding: 10px 8px; border-radius: 14px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); text-align: center; }
.mk-pricebox small { display: block; font-size: 11.5px; color: #a993ad; } .mk-pricebox b { font-size: 17px; color: #fff; }
.mk-pricebox > div:first-child b { color: #ff9cc8; }
.mk-pricebox-save { background: rgba(110, 240, 165, .08) !important; border-color: rgba(110, 240, 165, .3) !important; } .mk-pricebox-save b { color: #6ef0a5 !important; }
.mk-sheet-btns { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.mk-btnlink { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.mk-back2 { margin-bottom: 12px; height: 36px; }
.mk-back2 svg { stroke: #fff; }
.mk-count { color: #b9a7bd; font-size: 13px; margin: 0 0 10px; }
.mk-filters select { border-radius: 14px; }
.mk-empty .mk-howbtn { margin-top: 4px; }

/* ===== 06.10: полная переделка биржи — кнопки, списки, блоки, анимации ===== */
/* кнопки */
.mk-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 22px; border: 0; border-radius: 999px; cursor: pointer;
    font: inherit; font-size: 14.5px; font-weight: 600; color: #fff !important; text-decoration: none; overflow: hidden;
    background-image: linear-gradient(135deg, #ff6aa6, #d6377f 60%, #a32a8a); box-shadow: 0 10px 22px -12px rgba(214, 51, 132, 1), inset 0 1px 0 rgba(255, 255, 255, .25);
    transition: transform .15s, box-shadow .2s, filter .2s; }
.mk-btn::after { content: ''; position: absolute; top: 0; bottom: 0; width: 40%; left: -60%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .28), transparent); transform: skewX(-18deg); }
.mk-btn:hover::after { animation: mkSheen .8s ease; }
@keyframes mkSheen { to { left: 130%; } }
.mk-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 28px -12px rgba(214, 51, 132, 1); }
.mk-btn:active, .mk-howbtn:active, .mk-buybtn:active, .mk-lot:active, .mk-row2:active, .mk-tabs a:active { transform: scale(.97); }
.mk-btn-sm { height: 34px; padding: 0 14px; font-size: 13px; }
.mk-btn-ghost { background: rgba(255, 255, 255, .07) !important; box-shadow: none; border: 1px solid rgba(255, 255, 255, .14); }
.mk-app .mt-cta, .mk-app .mt-ghost { transition: transform .15s, box-shadow .2s, background .2s; }
.mk-app .mt-cta:active, .mk-app .mt-ghost:active { transform: scale(.97); }
.mk-tabs a { white-space: nowrap; transition: background .2s, color .2s, transform .15s; }
/* шапка на телефоне — компактная, подарки справа сверху, без чёрных квадратов */
.mk-float { mix-blend-mode: screen; box-shadow: none; filter: drop-shadow(0 10px 22px rgba(214, 51, 132, .55)); border-radius: 22px; }
@media (max-width: 860px) {
    .mk-hero { grid-template-columns: minmax(0, 1fr) 118px; padding: 14px 14px 16px; gap: 6px 8px; }
    .mk-backbtn { grid-column: 1 / -1; }
    .mk-hero-art { grid-column: 2; grid-row: 2; min-height: 118px; margin: 0; }
    .mk-hero-txt { grid-column: 1 / -1; grid-row: 2 / span 2; gap: 10px; padding-right: 0; }
    .mk-hero-txt > .mk-kicker, .mk-hero-txt > h1 { max-width: calc(100% - 120px); }
    .mk-hero h1 { font-size: 28px; }
    .mk-hero p { font-size: 14px; }
    .mk-feats { display: none; }
    .mk-float.f1 { width: 74px; height: 74px; left: auto; right: 24px; margin: 0; top: 0; }
    .mk-float.f2 { width: 50px; height: 50px; left: auto; right: 0; margin: 0; top: 62px; }
    .mk-float.f3 { width: 46px; height: 46px; left: auto; right: 78px; margin: 0; top: 64px; }
    .mk-spark.s2 { left: auto; right: 96px; top: 6px; } .mk-spark.s3 { right: 52px; top: 108px; }
    .mk-hero-actions { gap: 8px; } .mk-hero-actions > * { flex: 1 1 140px; }
    .mk-tabs a { font-size: 13px; padding: 0 8px; gap: 5px; } .mk-tabs a svg { width: 15px; height: 15px; }
}
/* «Мои сделки» */
.mk-my-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.mk-my-stats > div { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 8px; border-radius: 18px; text-align: center;
    background: linear-gradient(170deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)); border: 1px solid rgba(255, 255, 255, .08); animation: mkRise .45s both; }
.mk-my-stats > div:nth-child(2) { animation-delay: .06s; } .mk-my-stats > div:nth-child(3) { animation-delay: .12s; }
.mk-my-stats b { font-size: 24px; font-weight: 800; color: #fff; line-height: 1; } .mk-my-stats small { font-size: 12.5px; color: #b9a7bd; }
.mk-ic { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; flex-shrink: 0; background: linear-gradient(135deg, rgba(255, 95, 162, .25), rgba(138, 43, 226, .22)); }
.mk-ic svg, .mk-empty2-ic svg, .mk-row2-go svg { width: 18px; height: 18px; fill: none; stroke: #ffb3d4; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.mk-sec { margin-bottom: 14px; padding: 14px; border-radius: 20px; background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .07); animation: mkRise .5s both; }
.mk-sec > header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.mk-sec h3 { margin: 0; font-size: 16px; color: #fff; flex: 1; }
.mk-count-b { font-style: normal; min-width: 26px; height: 26px; padding: 0 8px; border-radius: 999px; display: grid; place-items: center; font-size: 13px; font-weight: 700; color: #ffb3d4; background: rgba(255, 95, 162, .14); }
.mk-empty2 { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px 12px 16px; text-align: center; border-radius: 16px; border: 1px dashed rgba(255, 255, 255, .14); }
.mk-empty2-ic { width: 48px; height: 48px; border-radius: 16px; display: grid; place-items: center; margin-bottom: 4px; background: rgba(255, 255, 255, .05); animation: mkBob 3s ease-in-out infinite; }
.mk-empty2-ic svg { width: 24px; height: 24px; }
@keyframes mkBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.mk-empty2 b { font-size: 15px; color: #fff; } .mk-empty2 span { font-size: 13.5px; color: #b9a7bd; max-width: 360px; line-height: 1.45; }
.mk-empty2 .mk-btn { margin-top: 8px; }
.mk-earn2 { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; padding: 14px; border-radius: 20px; background: rgba(110, 240, 165, .07); border: 1px solid rgba(110, 240, 165, .25); }
.mk-earn2 > span:nth-child(2) { flex: 1 1 180px; display: flex; flex-direction: column; } .mk-earn2 b { color: #fff; } .mk-earn2 small { color: #9fd9b8; font-size: 12.5px; }
.mk-earn2 .mk-empty2-ic { margin: 0; width: 42px; height: 42px; animation: none; }
/* списки — карточки-строки */
.mk-list2 { display: grid; gap: 8px; }
.mk-row2 { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px; border-radius: 16px; text-align: left; cursor: pointer; font: inherit; color: inherit;
    background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .07); transition: transform .15s, border-color .2s, background .2s; animation: mkRise .4s both; }
.mk-row2:hover { border-color: rgba(255, 140, 195, .4); background: rgba(255, 95, 162, .07); }
.mk-row2-static { cursor: default; } .mk-row2-static:hover { border-color: rgba(255, 255, 255, .07); background: rgba(255, 255, 255, .045); }
.mk-row2-static .mk-row2-go, div.mk-row2 .mk-row2-go { display: none; }
.mk-row2 .mt-u-xs { width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0; }
.mk-row2-t { flex: 1; min-width: 0; display: flex; flex-direction: column; } .mk-row2-t b { font-size: 14px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-row2-t small { font-size: 12px; color: #a993ad; }
.mk-amt { flex-shrink: 0; font-weight: 800; font-size: 15px; color: #fff; } .mk-amt.mk-up { color: #6ef0a5; } .mk-amt.mk-down2 { color: #ff9cc8; }
.mk-row2-go { flex-shrink: 0; width: 22px; display: grid; place-items: center; opacity: .7; transition: transform .2s; } .mk-row2:hover .mk-row2-go { transform: translateX(3px); }
/* лоты: появление по очереди */
.mk-grid .mk-lot { animation: mkRise .45s both; }
.mk-grid .mk-lot:nth-child(2) { animation-delay: .04s; } .mk-grid .mk-lot:nth-child(3) { animation-delay: .08s; } .mk-grid .mk-lot:nth-child(4) { animation-delay: .12s; }
.mk-grid .mk-lot:nth-child(5) { animation-delay: .16s; } .mk-grid .mk-lot:nth-child(6) { animation-delay: .2s; } .mk-grid .mk-lot:nth-child(n+7) { animation-delay: .24s; }
.mk-lot .mt-u-md { transition: transform .3s; } .mk-lot:hover .mt-u-md { transform: scale(1.06) rotate(-2deg); }
/* фильтры — аккуратные поля */
.mk-frow small { font-weight: 600; letter-spacing: .02em; }
.mk-frow select { appearance: none; -webkit-appearance: none; padding-right: 34px; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9cc8' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; transition: border-color .2s; }
.mk-frow select:hover, .mk-frow select:focus { border-color: rgba(255, 140, 195, .5); outline: none; }
@media (prefers-reduced-motion: reduce) { .mk-btn::after, .mk-empty2-ic, .mk-row2, .mk-sec, .mk-my-stats > div, .mk-grid .mk-lot { animation: none !important; } }

/* 06.10: правки после просмотра */
.mk-x { flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05);
    color: #c9b9cd; cursor: pointer; transition: color .2s, border-color .2s, background .2s, transform .15s; }
.mk-x svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.mk-x:hover { color: #ff7d97; border-color: rgba(255, 107, 138, .5); background: rgba(255, 107, 138, .1); } .mk-x:active { transform: scale(.92); }
.mk-lot .mt-u-md, .mk-row2 .mt-u-xs { mix-blend-mode: screen; }
.mk-howbtn { white-space: nowrap; }
@media (max-width: 860px) {
    .mk-hero { display: block; position: relative; }
    .mk-backbtn { display: inline-flex; margin-bottom: 10px; }
    .mk-hero-art { position: absolute; top: 8px; right: 6px; width: 120px; height: 118px; min-height: 0; }
    .mk-float.f3 { display: none; }
    .mk-float.f1 { right: 30px; top: 6px; } .mk-float.f2 { right: 4px; top: 60px; }
    .mk-hero-txt { gap: 10px; }
    .mk-hero-txt > .mk-kicker, .mk-hero-txt > h1 { max-width: calc(100% - 118px); }
    .mk-hero-actions > * { flex: 1 1 auto; }
    .mk-hero-actions .mk-howbtn { padding: 0 14px 0 12px; font-size: 13.5px; }
}

/* ===== 06.10: цена обычным шрифтом, фильтры-кнопки, «Как это работает» шагами ===== */
.mk-price2 { font-size: 16px; font-weight: 700; color: #fff; }
.mk-fbar { display: grid; gap: 10px; margin-bottom: 12px; }
.mk-gchips { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 6px; scrollbar-width: none; scroll-snap-type: x proximity; }
.mk-gchips::-webkit-scrollbar { display: none; }
.mk-gchip { flex-shrink: 0; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px 0 5px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 13.5px;
    font-weight: 600; color: #e8dcea; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); scroll-snap-align: start; transition: background .2s, border-color .2s, transform .15s; }
.mk-gchip:hover { border-color: rgba(255, 140, 195, .4); } .mk-gchip:active { transform: scale(.96); }
.mk-gchip.on { color: #fff; background: linear-gradient(135deg, rgba(255, 106, 166, .35), rgba(138, 43, 226, .3)); border-color: rgba(255, 140, 195, .6); }
.mk-gchip .mt-u-xs { width: 34px; height: 34px; border-radius: 50%; mix-blend-mode: screen; }
.mk-gchip-all { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 95, 162, .16); }
.mk-gchip-all svg { width: 16px; height: 16px; fill: none; stroke: #ffb3d4; stroke-width: 2; }
.mk-gchip em { font-style: normal; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; display: grid; place-items: center; font-size: 11px; color: #fff; background: rgba(255, 255, 255, .14); }
.mk-sort { display: inline-flex; justify-self: start; gap: 4px; padding: 4px; border-radius: 999px; background: rgba(20, 13, 25, .7); border: 1px solid rgba(255, 255, 255, .08); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.mk-sort button { flex-shrink: 0; height: 34px; padding: 0 14px; border: 0; border-radius: 999px; cursor: pointer; font: inherit; font-size: 13px; font-weight: 600; color: #c9b9cd; background: transparent;
    transition: background .2s, color .2s; }
.mk-sort button.on { color: #fff; background-image: linear-gradient(135deg, #ff6aa6, #d6377f); box-shadow: 0 6px 14px -8px rgba(214, 51, 132, 1); }
.mk-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; position: relative; }
.mk-step { position: relative; padding: 20px 18px; border-radius: 22px; text-align: center; background: linear-gradient(170deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .08); animation: mkRise .5s both; }
.mk-step:nth-child(2) { animation-delay: .15s; } .mk-step:nth-child(3) { animation-delay: .3s; }
.mk-step-art { position: relative; width: 96px; height: 96px; margin: 0 auto 10px; border-radius: 28px; display: grid; place-items: center;
    background: radial-gradient(circle at 50% 40%, rgba(255, 95, 162, .32), rgba(138, 43, 226, .14) 70%); }
.mk-step-art svg { width: 64px; height: 64px; fill: none; stroke: #ffc2dc; stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; overflow: visible; }
.mk-step-n { position: absolute; top: -8px; left: -8px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 800; color: #fff;
    background-image: linear-gradient(135deg, #ff6aa6, #8a2be2); box-shadow: 0 6px 14px -6px rgba(214, 51, 132, 1); }
.mk-step h3 { margin: 4px 0 6px; font-size: 16px; color: #fff; } .mk-step p { margin: 0; font-size: 14px; line-height: 1.5; color: #cdbdd1; }
.st-gift .lid { transform-origin: 32px 26px; animation: mkLid 2.6s ease-in-out infinite; } .st-gift .bow { transform-origin: 32px 20px; animation: mkLid 2.6s ease-in-out infinite; }
@keyframes mkLid { 0%, 60%, 100% { transform: translateY(0) rotate(0); } 70% { transform: translateY(-7px) rotate(-6deg); } 82% { transform: translateY(-3px) rotate(4deg); } }
.st-gem .gem { fill: rgba(110, 240, 165, .18); stroke: #6ef0a5; animation: mkGem 3s ease-in-out infinite; transform-origin: 32px 34px; }
.st-gem .spark { fill: #fff; stroke: none; animation: mkTwinkle 1.6s ease-in-out infinite; }
@keyframes mkGem { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
.st-heart .heart { fill: rgba(255, 95, 162, .35); stroke: #ff6aa6; transform-origin: 32px 34px; animation: mkBeat 1.4s ease-in-out infinite; }
@keyframes mkBeat { 0%, 100% { transform: scale(1); } 15% { transform: scale(1.12); } 30% { transform: scale(1); } 45% { transform: scale(1.08); } }
.mk-how-note { text-align: center; color: #a993ad; font-size: 13px; margin: 14px 0 0; }
.mk-how-cta { justify-content: center; }
@media (max-width: 760px) { .mk-steps { grid-template-columns: 1fr; } .mk-step { display: grid; grid-template-columns: 80px 1fr; gap: 0 14px; text-align: left; align-items: center; }
    .mk-step-art { width: 76px; height: 76px; margin: 0; grid-row: span 2; } .mk-step-art svg { width: 50px; height: 50px; } .mk-step h3 { margin: 0 0 4px; } }
@media (prefers-reduced-motion: reduce) { .mk-step *, .mk-step { animation: none !important; } }

/* 06.10: прозрачные рисунки подарков */
.mk-float, .mk-lot .mt-u-md, .mk-row2 .mt-u-xs, .mk-gchip .mt-u-xs { mix-blend-mode: normal !important; }
.mk-float { border-radius: 0 !important; filter: drop-shadow(0 14px 24px rgba(214, 51, 132, .55)) !important; background-size: contain !important; }
.mk-gchip .mt-u-xs { border-radius: 0; }

/* 06.10: сортировка на всю ширину, «Редкие» не обрезается на телефоне */
.mk-sort { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; justify-self: stretch; overflow: visible; }
.mk-sort button { padding: 0 6px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 900px) { .mk-sort { width: auto; max-width: 460px; justify-self: start; } }

/* 06.10 (владелец): кнопки «Купить» на одном уровне — карточки ряда одной высоты, цена и кнопка прижаты к низу */
.mk-grid { align-items: stretch; }
.mk-lot { height: 100%; box-sizing: border-box; }
.mk-lot .mk-price2 { margin-top: auto; }
.mk-lot .mk-buybtn { flex-shrink: 0; }

/* ===== 06.10: карточка уникального лота — живая золотая обводка и ленточка «Эксклюзив» ===== */
@property --mkx { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.mk-lot.mk-lot-u { border: 1.5px solid transparent !important; overflow: hidden;
    background: linear-gradient(170deg, #2a1424, #170c17) padding-box,
                conic-gradient(from var(--mkx), #f2c14e, #fff1a8, #c48a1c, #ff6aa6, #f2c14e) border-box !important;
    box-shadow: 0 16px 34px -18px rgba(242, 193, 78, .7); animation: mkUBorder 6s linear infinite; }
@keyframes mkUBorder { to { --mkx: 360deg; } }
.mk-lot.mk-lot-u::after { content: 'ЭКСКЛЮЗИВ'; position: absolute; top: 18px; left: -38px; width: 140px; padding: 3px 0; transform: rotate(-45deg);
    font-size: 9px; font-weight: 900; letter-spacing: .08em; text-align: center; color: #2b1300;
    background-image: linear-gradient(90deg, #c48a1c, #fff1a8, #f2c14e); box-shadow: 0 2px 8px rgba(0, 0, 0, .4); pointer-events: none; z-index: 3; }
.mk-lot.mk-lot-u .mk-price2 { color: #ffe08a; font-weight: 800; }
@media (prefers-reduced-motion: reduce) { .mk-lot.mk-lot-u { animation: none; } }

/* 06.10: страница подарка — проще: подарок, одна главная кнопка, предложения карточками, остальное свёрнуто */
.mk-ghero { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 20px 16px 18px; margin: 10px 0 14px; border-radius: 24px;
    background: radial-gradient(120% 90% at 50% 0%, rgba(255, 95, 162, .16), transparent 60%), linear-gradient(170deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .08); }
.mk-ghero h2 { margin: 4px 0 0; font-size: 22px; color: #fff; }
.mk-ghero-meta { margin: 0; font-size: 13.5px; color: #c9b9cd; }
.mk-buybest { margin-top: 8px; width: min(100%, 360px); }
.mk-gh3 { margin: 18px 0 10px; font-size: 17px; color: #fff; } .mk-gh3 small { color: #a993ad; font-weight: 600; }
.mk-fold { margin: 12px 0; padding: 0 16px; border-radius: 18px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .07); }
.mk-fold summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 14px 0; font-weight: 700; color: #f3e6ef; }
.mk-fold summary::-webkit-details-marker { display: none; }
.mk-fold summary::after { content: '+'; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: #ffb3d4; background: rgba(255, 95, 162, .12); transition: transform .2s; }
.mk-fold[open] summary::after { transform: rotate(45deg); }
.mk-fold summary small { margin-left: 6px; color: #a993ad; font-weight: 600; flex: 1; }
.mk-fold > :last-child { margin-bottom: 14px; }
/* окно лота: одна понятная цена */
.mk-bigprice { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 10px 0 4px; }
.mk-bigprice b { font-size: 30px; font-weight: 900; color: #fff; letter-spacing: -.01em; }
.mk-cheaper { padding: 4px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 700; color: #0f3d25; background: linear-gradient(135deg, #8ff0b9, #3ddc84); }

/* 06.10: «Мои подарки» — шапка коллекции, кнопки в одну строку */
.mk-minehead2 { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 16px 18px; border-radius: 20px;
    background: linear-gradient(135deg, rgba(255, 95, 162, .14), rgba(138, 43, 226, .1)); border: 1px solid rgba(255, 140, 195, .28); }
.mk-minehead2 > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mk-minehead2 b { font-size: 20px; color: #fff; } .mk-minehead2 small { font-size: 13px; color: #d9cbdc; line-height: 1.45; }
.mk-sellbtn { white-space: nowrap; }
.mk-sellbtn-gift { color: #fff !important; background-image: linear-gradient(135deg, #ff6aa6, #d6377f) !important; border: 0 !important; }
.mk-promo { padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 800; color: #3d1d00; background: linear-gradient(135deg, #fff1a8, #f2c14e); }
@media (max-width: 520px) { .mk-minehead2 .mt-cta { width: 100%; } }

/* 07.10 (владелец): плашки редкости во всех карточках на одной линии — название занимает ровно 2 строки, прижато к низу */
.mk-grid .mk-lot > b { display: flex; flex-wrap: wrap; align-content: flex-end; align-items: baseline; justify-content: center; column-gap: .3em; row-gap: 0; text-align: center; line-height: 1.25; min-height: 2.5em; }   /* 07.10: пробел между названием и номером (было «Маска#1») */
.mk-grid .mk-lot > .mt-u { margin-top: 0; margin-bottom: 0; }   /* у уникальных была рамка с отступами 5px — плашка ехала ниже */

/* 07.10: в карточках без номера экземпляра (владелец) */
.mk-grid .mk-lot .mt-serial, .mt-mk-card .mt-serial { display: none; }


/* 07.10: две большие кнопки «Купить» и «Продать» */
.mk-bigact { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 14px; }
.mk-big { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 18px; border: 0; cursor: pointer; text-align: left;
    font: inherit; color: #fff; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease; }
.mk-big:hover { transform: translateY(-2px); }
.mk-big:active { transform: translateY(0); }
.mk-big-buy { background-image: linear-gradient(135deg, #ff6aa6, #d6377f 60%, #a23ce0); box-shadow: 0 10px 24px -10px rgba(214, 55, 127, .8); }
.mk-big-sell { background-image: linear-gradient(135deg, #ffe08a, #f2c14e 55%, #c98a1c); color: #3a2204; box-shadow: 0 10px 24px -10px rgba(201, 138, 28, .8); }
.mk-big-ic { flex-shrink: 0; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: rgba(255, 255, 255, .22); }
.mk-big-ic svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mk-big b { display: block; font-size: 18px; line-height: 1.15; }
.mk-big small { display: block; font-size: 13px; opacity: .85; margin-top: 2px; }
@media (max-width: 420px) { .mk-big { padding: 12px; gap: 10px; } .mk-big-ic { width: 36px; height: 36px; } .mk-big b { font-size: 16px; } .mk-big small { font-size: 12px; } }
.mk-pick h4 { margin: 0 0 4px; font-size: 20px; }
.mk-pick > p { margin: 0 0 12px; opacity: .75; }
.mk-pick-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
.mk-pick-it { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 8px; border-radius: 14px; cursor: pointer; font: inherit;
    color: inherit; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); text-align: center; }
.mk-pick-it:hover { border-color: #f2c14e; }
.mk-pick-it b { font-size: 13px; line-height: 1.25; }
.mk-pick-it small { font-size: 12px; color: #f2c14e; }
html:not(.dark-theme) .mk-pick-it { background-color: rgba(150, 40, 100, .04); border-color: rgba(150, 40, 100, .15); }
html:not(.dark-theme) .mk-pick-it small { color: #9a5b00; }


/* 07.10: ровные карточки «Мои подарки» и понятное окно продажи */
.mk-grid .mk-lot { display: flex; flex-direction: column; align-items: center; }
.mk-grid .mk-lot .mk-tier-ph { display: block; height: 22px; }
.mk-grid .mk-lot .mk-sell-hint, .mk-grid .mk-lot .mk-lot-price, .mk-grid .mk-lot .mk-promo { min-height: 1.4em; }
.mk-grid .mk-lot > small { min-height: 1.35em; }
.mk-grid .mk-lot .mk-sellbtn { margin-top: auto; }
.mk-val { margin: 6px 0 2px; font-size: 16px; }
.mk-val b { color: #f2c14e; font-size: 18px; }
.mk-val-up { display: inline-block; margin-left: 6px; font-size: 13px; opacity: .8; }
.mk-sell-now { width: 100%; margin-top: 6px; }
.mk-list-btn { width: 100%; margin-top: 8px; }
.mk-list-btn b { color: inherit; }
#mkNet.mk-warn { color: #ff8a8a; }
.mk-sold { font-size: 34px; font-weight: 800; color: #f2c14e; margin: 6px 0; }
html:not(.dark-theme) .mk-val b, html:not(.dark-theme) .mk-sold { color: #9a5b00; }
html:not(.dark-theme) #mkNet.mk-warn { color: #c62828; }


/* 07.10: компактное окно подарка */
.mk-sheet-c h4 { margin: 6px 0 4px; }
.mk-sheet-c .mk-val { margin: 4px 0 10px; }
.mk-listed { margin: -4px 0 10px; font-size: 14px; opacity: .85; }
.mk-acts { display: grid; gap: 8px; }
.mk-acts > button { width: 100%; }
.mk-own { display: grid; gap: 6px; }
.mk-own[hidden] { display: none !important; }
.mk-mini { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; }
.mk-mini-b { border: 1px solid rgba(255, 255, 255, .14); background: transparent; color: inherit; border-radius: 999px; padding: 8px 14px;
    font: inherit; font-size: 13px; cursor: pointer; opacity: .85; }
.mk-mini-b:hover { opacity: 1; border-color: #f2c14e; }
html:not(.dark-theme) .mk-mini-b { border-color: rgba(150, 40, 100, .25); }


/* 07.10: «Мои подарки» — одинаковые строки во всех карточках, всё на одной линии в ряду */
.mk-grid-mine .mk-lot { display: grid; grid-template-rows: 100px 2.6em 26px 26px 20px minmax(44px, 1fr); justify-items: center; align-items: center; row-gap: 6px; align-content: start; }
.mk-grid-mine .mk-lot > .mt-u { align-self: center; }
.mk-grid-mine .mk-lot > b { height: 2.6em; min-height: 0; overflow: hidden; align-content: center; }
.mk-grid-mine .mk-lot > .mt-tier, .mk-grid-mine .mk-lot > .mk-tier-ph { margin: 0; height: 24px; line-height: 24px; display: inline-flex; align-items: center; }
.mk-grid-mine .mk-lot > .mk-sell-hint, .mk-grid-mine .mk-lot > .mk-lot-price, .mk-grid-mine .mk-lot > .mk-promo { min-height: 0; margin: 0; line-height: 1.3; white-space: nowrap; }
.mk-grid-mine .mk-lot > small { min-height: 0; margin: 0; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; }
.mk-grid-mine .mk-lot > .mk-sellbtn { align-self: end; margin-top: 4px; }


/* 07.10: плавная смена шага во всплывающем окне */
.mt-sheet-body.mt-swap { animation: mtSwap .28s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes mtSwap { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .mt-sheet-body.mt-swap { animation: none; } }

/* ===== 07.10 светлая тема (сгенерировано lightgen.py, правки — в генераторе) ===== */
html:not(.dark-theme) .mk-back { color: #705676 !important; }
html:not(.dark-theme) .mk-head h1 { color: #212121; }
html:not(.dark-theme) .mk-head p { color: #705676; }
html:not(.dark-theme) .mk-head p b { color: #12b055; }
html:not(.dark-theme) .mk-wallet div { background-color: rgba(150, 40, 100, 0.038); border: 1px solid rgba(150, 40, 100, 0.112); }
html:not(.dark-theme) .mk-wallet small { color: #866a8b; }
html:not(.dark-theme) .mk-wallet b { color: #212121; }
html:not(.dark-theme) .mk-wallet div + div b { color: #12b055; }
html:not(.dark-theme) .mk-how-strip > div { background-color: rgba(150, 40, 100, 0.045); border: 1px solid rgba(150, 40, 100, 0.252); }
html:not(.dark-theme) .mk-how-strip span { color: #705676; }
html:not(.dark-theme) .mk-how-strip b { color: #212121; }
html:not(.dark-theme) .mk-stats div { background-color: rgba(150, 40, 100, 0.03); }
html:not(.dark-theme) .mk-stats b { color: #212121; }
html:not(.dark-theme) .mk-stats small { color: #866a8b; }
html:not(.dark-theme) .mk-tabs a { border: 1px solid rgba(150, 40, 100, 0.168); background-color: rgba(150, 40, 100, 0.03); color: #3b233b !important; }
html:not(.dark-theme) .mk-guest p { color: #705676; }
html:not(.dark-theme) .mk-frow small { color: #866a8b; }
html:not(.dark-theme) .mk-frow select, html:not(.dark-theme) .mk-frow input { border: 1px solid rgba(150, 40, 100, 0.196); background-color: rgba(150, 40, 100, 0.038); color: #3b233b; }
html:not(.dark-theme) .mk-frow select option { background-color: #f1ecf3; }
html:not(.dark-theme) .mk-count { color: #866a8b; }
html:not(.dark-theme) .mk-note { color: #705676; }
html:not(.dark-theme) .mk-note a { color: #c20055 !important; }
html:not(.dark-theme) .mk-lot { background-image: linear-gradient(180deg, rgba(242, 225, 237, 0.55), rgba(243, 237, 245, 0.85)); color: #3b233b; }
html:not(.dark-theme) .mk-lot-u { border-color: rgba(150, 40, 100, 0.42); }
html:not(.dark-theme) .mk-lot-price { color: #212121; }
html:not(.dark-theme) .mk-lot small { color: #866a8b; }
html:not(.dark-theme) .mk-ltd { color: #c28300; }
html:not(.dark-theme) .mk-good { color: #12b055 !important; }
html:not(.dark-theme) .mk-mine { background-color: rgba(150, 40, 100, 0.135); color: #12b055; }
html:not(.dark-theme) .mk-sell-hint { color: #12b055; }
html:not(.dark-theme) .mk-empty { background-color: rgba(150, 40, 100, 0.03); }
html:not(.dark-theme) .mk-empty b { color: #212121; }
html:not(.dark-theme) .mk-empty span { color: #705676; }
html:not(.dark-theme) .mk-up { color: #12b055; }
html:not(.dark-theme) .mk-down { color: #c20000; }
html:not(.dark-theme) .mk-tr { background-color: rgba(150, 40, 100, 0.022); border: 1px solid rgba(150, 40, 100, 0.07); color: #3b233b !important; }
html:not(.dark-theme) .mk-th { color: #866a8b !important; }
html:not(.dark-theme) .mk-tg small { color: #866a8b; }
html:not(.dark-theme) .mk-tr small { color: #866a8b; }
html:not(.dark-theme) .mk-back2 { color: #c20055 !important; }
html:not(.dark-theme) .mk-ghead h2 { color: #212121; }
html:not(.dark-theme) .mk-ghead small { color: #705676; }
html:not(.dark-theme) .mk-kpis div { background-color: rgba(150, 40, 100, 0.03); }
html:not(.dark-theme) .mk-kpis small { color: #866a8b; }
html:not(.dark-theme) .mk-kpis b { color: #212121; }
html:not(.dark-theme) .mk-chart { background-color: rgba(150, 40, 100, 0.022); }
html:not(.dark-theme) .mk-chart-hi, html:not(.dark-theme) .mk-chart-lo { color: #866a8b; }
html:not(.dark-theme) .mk-sellbox { background-color: rgba(150, 40, 100, 0.053); border: 1px solid rgba(150, 40, 100, 0.35); }
html:not(.dark-theme) .mk-sellbox > b { color: #212121; }
html:not(.dark-theme) .mk-sellbox > span { color: #705676; }
html:not(.dark-theme) .mk-sellbox > span b { color: #12b055; }
html:not(.dark-theme) .mk-app h3 { color: #212121; }
html:not(.dark-theme) .mk-app h3 small { color: #866a8b; }
html:not(.dark-theme) .mk-row { background-color: rgba(150, 40, 100, 0.03); border: 1px solid rgba(150, 40, 100, 0.084); color: #3b233b; }
html:not(.dark-theme) .mk-row small { color: #866a8b; }
html:not(.dark-theme) .mk-row em { color: #c20055; }
html:not(.dark-theme) .mk-book div { background-color: rgba(150, 40, 100, 0.045); }
html:not(.dark-theme) .mk-book b { color: #12b055; }
html:not(.dark-theme) .mk-book small { color: #866a8b; }
html:not(.dark-theme) .mk-mybids span { background-color: rgba(150, 40, 100, 0.045); }
html:not(.dark-theme) .mk-mybids button { color: #c20055; }
html:not(.dark-theme) .mk-hist div { background-color: rgba(150, 40, 100, 0.019); color: #705676; }
html:not(.dark-theme) .mk-hist b { color: #212121; }
html:not(.dark-theme) .mk-minehead { background-color: rgba(150, 40, 100, 0.03); }
html:not(.dark-theme) .mk-minehead b { color: #212121; }
html:not(.dark-theme) .mk-minehead small { color: #705676; }
html:not(.dark-theme) .mk-sheet-links a { color: #c20055 !important; }
html:not(.dark-theme) .mk-how > div { background-color: rgba(150, 40, 100, 0.03); }
html:not(.dark-theme) .mk-how p { color: #705676; }
html:not(.dark-theme) .mk-how b { color: #212121; }
html:not(.dark-theme) .mk-sellbtn-off { background-color: rgba(150, 40, 100, 0.06); color: #4c2f4e; }
html:not(.dark-theme) .mk-howlink { color: #c20055 !important; }
html:not(.dark-theme) .mk-house { background-color: rgba(150, 40, 100, 0.12); color: #c28300; }
html:not(.dark-theme) .mk-hero { background-image: radial-gradient(70% 90% at 100% 0%, rgba(214, 51, 132, .38), transparent 60%), radial-gradient(60% 80% at 0% 100%, rgba(138, 43, 226, .3), transparent 60%); background-color: #f3eef4; }
html:not(.dark-theme) .mk-backbtn { color: #42273c !important; background-color: rgba(150, 40, 100, 0.045); border: 1px solid rgba(150, 40, 100, 0.168); }
html:not(.dark-theme) .mk-backbtn:hover { background-color: rgba(150, 40, 100, 0.09); }
html:not(.dark-theme) .mk-kicker { color: #c20054; }
html:not(.dark-theme) .mk-hero h1 { color: #212121; }
html:not(.dark-theme) .mk-hero p { color: #593f5e; }
html:not(.dark-theme) .mk-feats li { background-color: rgba(243, 238, 246, 0.55); border: 1px solid rgba(150, 40, 100, 0.14); }
html:not(.dark-theme) .mk-feats b { color: #212121; }
html:not(.dark-theme) .mk-feats small { color: #7c6282; }
html:not(.dark-theme) .mk-howbtn { color: #212121 !important; background-color: rgba(150, 40, 100, 0.053); }
html:not(.dark-theme) .mk-hero .mk-wallet { background-color: rgba(150, 40, 100, 0.06); border: 1px solid rgba(150, 40, 100, 0.392); }
html:not(.dark-theme) .mk-wallet-ic { background-color: rgba(150, 40, 100, 0.135); }
html:not(.dark-theme) .mk-wallet-ic svg { fill: #12b055; }
html:not(.dark-theme) .mk-hero .mk-wallet small { color: #4e8164; }
html:not(.dark-theme) .mk-hero .mk-wallet b { color: #212121; }
html:not(.dark-theme) .mk-float { box-shadow: 0 18px 40px -12px rgba(214, 51, 132, .8), 0 0 0 1px rgba(214, 51, 132, 0.025); }
html:not(.dark-theme) .mk-tabs { background-color: rgba(243, 238, 246, 0.85); border: 1px solid rgba(150, 40, 100, 0.112); }
html:not(.dark-theme) .mk-tabs a:not(.on):hover { background-color: rgba(150, 40, 100, 0.045); }
html:not(.dark-theme) .mk-how-title { color: #212121; }
html:not(.dark-theme) .mk-how > div { background-image: linear-gradient(160deg, rgba(150, 40, 100, 0.045), rgba(150, 40, 100, 0.015)); border: 1px solid rgba(150, 40, 100, 0.112); }
html:not(.dark-theme) .mk-how h3 { color: #212121; }
html:not(.dark-theme) .mk-how p { color: #664c6c; }
html:not(.dark-theme) .mk-lot { background-image: linear-gradient(170deg, rgba(150, 40, 100, 0.053), rgba(150, 40, 100, 0.015)); border: 1px solid rgba(150, 40, 100, 0.126); }
html:not(.dark-theme) .mk-lot > b { color: #212121; }
html:not(.dark-theme) .mk-price2 { color: #6a5070; }
html:not(.dark-theme) .mk-price2 b { color: #212121; }
html:not(.dark-theme) .mk-buybtn-mine { background-color: rgba(150, 40, 100, 0.06); color: #593f5e; }
html:not(.dark-theme) .mk-pricebox > div { background-color: rgba(150, 40, 100, 0.038); border: 1px solid rgba(150, 40, 100, 0.112); }
html:not(.dark-theme) .mk-pricebox small { color: #866a8b; }
html:not(.dark-theme) .mk-pricebox b { color: #212121; }
html:not(.dark-theme) .mk-pricebox > div:first-child b { color: #c20056; }
html:not(.dark-theme) .mk-pricebox-save { background-color: rgba(150, 40, 100, 0.06) !important; border-color: rgba(150, 40, 100, 0.42) !important; }
html:not(.dark-theme) .mk-pricebox-save b { color: #12b055 !important; }
html:not(.dark-theme) .mk-count { color: #7c6282; }
html:not(.dark-theme) .mk-btn { box-shadow: 0 10px 22px -12px rgba(214, 51, 132, 1), inset 0 1px 0 rgba(214, 51, 132, 0.062); }
html:not(.dark-theme) .mk-btn::after { background-image: linear-gradient(100deg, transparent, rgba(150, 40, 100, 0.21), transparent); }
html:not(.dark-theme) .mk-btn-ghost { background-color: rgba(150, 40, 100, 0.053) !important; border: 1px solid rgba(150, 40, 100, 0.196); }
html:not(.dark-theme) .mk-my-stats > div { background-image: linear-gradient(170deg, rgba(150, 40, 100, 0.053), rgba(150, 40, 100, 0.015)); border: 1px solid rgba(150, 40, 100, 0.112); }
html:not(.dark-theme) .mk-my-stats b { color: #212121; }
html:not(.dark-theme) .mk-my-stats small { color: #7c6282; }
html:not(.dark-theme) .mk-sec { background-color: rgba(150, 40, 100, 0.026); border: 1px solid rgba(150, 40, 100, 0.098); }
html:not(.dark-theme) .mk-sec h3 { color: #212121; }
html:not(.dark-theme) .mk-count-b { color: #c20054; }
html:not(.dark-theme) .mk-empty2 { border: 1px dashed rgba(150, 40, 100, 0.196); }
html:not(.dark-theme) .mk-empty2-ic { background-color: rgba(150, 40, 100, 0.038); }
html:not(.dark-theme) .mk-empty2 b { color: #212121; }
html:not(.dark-theme) .mk-empty2 span { color: #7c6282; }
html:not(.dark-theme) .mk-earn2 { background-color: rgba(150, 40, 100, 0.053); border: 1px solid rgba(150, 40, 100, 0.35); }
html:not(.dark-theme) .mk-earn2 b { color: #212121; }
html:not(.dark-theme) .mk-earn2 small { color: #4e8164; }
html:not(.dark-theme) .mk-row2 { background-color: rgba(150, 40, 100, 0.034); border: 1px solid rgba(150, 40, 100, 0.098); }
html:not(.dark-theme) .mk-row2-static:hover { border-color: rgba(150, 40, 100, 0.098); background-color: rgba(150, 40, 100, 0.034); }
html:not(.dark-theme) .mk-row2-t b { color: #212121; }
html:not(.dark-theme) .mk-row2-t small { color: #866a8b; }
html:not(.dark-theme) .mk-amt { color: #212121; }
html:not(.dark-theme) .mk-amt.mk-up { color: #12b055; }
html:not(.dark-theme) .mk-amt.mk-down2 { color: #c20056; }
html:not(.dark-theme) .mk-x { border: 1px solid rgba(150, 40, 100, 0.196); background-color: rgba(150, 40, 100, 0.038); color: #6a5070; }
html:not(.dark-theme) .mk-x:hover { color: #c20027; }
html:not(.dark-theme) .mk-price2 { color: #212121; }
html:not(.dark-theme) .mk-gchip { color: #4a2f4e; background-color: rgba(150, 40, 100, 0.038); border: 1px solid rgba(150, 40, 100, 0.14); }
html:not(.dark-theme) .mk-gchip.on { color: #212121; }
html:not(.dark-theme) .mk-gchip em { color: #212121; background-color: rgba(150, 40, 100, 0.105); }
html:not(.dark-theme) .mk-sort { background-color: rgba(243, 238, 246, 0.7); border: 1px solid rgba(150, 40, 100, 0.112); }
html:not(.dark-theme) .mk-sort button { color: #6a5070; }
html:not(.dark-theme) .mk-step { background-image: linear-gradient(170deg, rgba(150, 40, 100, 0.053), rgba(150, 40, 100, 0.015)); border: 1px solid rgba(150, 40, 100, 0.112); }
html:not(.dark-theme) .mk-step h3 { color: #212121; }
html:not(.dark-theme) .mk-step p { color: #664c6c; }
html:not(.dark-theme) .st-gem .gem { fill: rgba(18, 176, 85, 0.18); }
html:not(.dark-theme) .st-gem .spark { fill: #212121; }
html:not(.dark-theme) .mk-how-note { color: #866a8b; }
html:not(.dark-theme) .mk-lot.mk-lot-u { background-image: linear-gradient(170deg, #f4e8f1, #f6eff6) padding-box, conic-gradient(from var(--mkx), #f2c14e, #fff1a8, #c48a1c, #ff6aa6, #f2c14e) border-box !important; }
html:not(.dark-theme) .mk-lot.mk-lot-u::after { box-shadow: 0 2px 8px rgba(150, 60, 110, 0.088); }
html:not(.dark-theme) .mk-lot.mk-lot-u .mk-price2 { color: #c28e00; }
html:not(.dark-theme) .mk-ghero { background-image: radial-gradient(120% 90% at 50% 0%, rgba(255, 95, 162, .16), transparent 60%), linear-gradient(170deg, rgba(150, 40, 100, 0.038), rgba(150, 40, 100, 0.015)); border: 1px solid rgba(150, 40, 100, 0.112); }
html:not(.dark-theme) .mk-ghero h2 { color: #212121; }
html:not(.dark-theme) .mk-ghero-meta { color: #6a5070; }
html:not(.dark-theme) .mk-gh3 { color: #212121; }
html:not(.dark-theme) .mk-gh3 small { color: #866a8b; }
html:not(.dark-theme) .mk-fold { background-color: rgba(150, 40, 100, 0.03); border: 1px solid rgba(150, 40, 100, 0.098); }
html:not(.dark-theme) .mk-fold summary { color: #42273a; }
html:not(.dark-theme) .mk-fold summary::after { color: #c20054; }
html:not(.dark-theme) .mk-fold summary small { color: #866a8b; }
html:not(.dark-theme) .mk-bigprice b { color: #212121; }
html:not(.dark-theme) .mk-minehead2 b { color: #212121; }
html:not(.dark-theme) .mk-minehead2 small { color: #593f5e; }
/* ===== /светлая тема ===== */

/* 07.10: картинка обычного подарка — на всю рамку и по центру во всех окнах (правило улучшенных её сжимало в угол) */
.mt-u.mt-u-plain img, .mt-gift-confirm .mt-u.mt-u-plain img, .mt-mk-card .mt-u.mt-u-plain img, .mt-giftmsg .mt-u.mt-u-plain img {
    left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain; }

/* 07.10: купленный подарок улетает во вкладку «Мои подарки» */
.mk-fly { pointer-events: none; will-change: transform, opacity; }
.mk-tabs a.mk-tab-bump { animation: mkBump .75s cubic-bezier(.2, .9, .2, 1); }
@keyframes mkBump { 0% { transform: scale(1); } 35% { transform: scale(1.16); box-shadow: 0 0 0 6px rgba(242, 193, 78, .35), 0 0 26px rgba(242, 193, 78, .6); } 100% { transform: scale(1); } }

/* 07.10: мифические подарки в таблице каталога */
.mk-tr[data-rarity="MYTHIC"] { border: 1px solid transparent !important;
    background: linear-gradient(180deg, rgba(60, 22, 70, .55), rgba(28, 18, 32, .9)) padding-box,
                linear-gradient(120deg, #ff5fa2, #ffcf6b, #8cc8ff, #c78bff, #ff5fa2) border-box !important;
    background-size: 100% 100%, 300% 300% !important; animation: mtMythBorder 6s linear infinite; }
.mk-tr[data-rarity="MYTHIC"] .mt-tier { margin-left: 6px; font-size: 10.5px; padding: 2px 8px; vertical-align: middle; }
html:not(.dark-theme) .mk-tr[data-rarity="MYTHIC"] { background: linear-gradient(180deg, rgba(246, 236, 252, .95), rgba(242, 236, 244, .98)) padding-box,
    linear-gradient(120deg, #ff5fa2, #ffcf6b, #8cc8ff, #c78bff, #ff5fa2) border-box !important; }
@keyframes mtMythBorder { to { background-position: 0 0, 300% 0; } }
@media (prefers-reduced-motion: reduce) { .mk-tr[data-rarity="MYTHIC"] { animation: none; } }

/* 07.10: скрещивание подарков */
.mk-grid-mine .mk-lot { position: relative; }
.mk-craft-b { position: absolute; top: 8px; right: 8px; z-index: 2; min-width: 28px; height: 24px; padding: 0 7px; border-radius: 999px; display: grid; place-items: center;
    font-size: 12px; font-weight: 800; color: #3a2204; background-image: linear-gradient(135deg, #ffe08a, #f2c14e); box-shadow: 0 4px 12px -4px rgba(242, 193, 78, .8); }
.mk-mini-craft { border-color: #f2c14e !important; color: #f2c14e; opacity: 1; }
html:not(.dark-theme) .mk-mini-craft { color: #9a5b00; }
.mk-craft-stage { display: flex; align-items: center; justify-content: center; gap: 4px; margin: 6px 0 12px; }
.mk-craft-stage .mk-cs-in .mt-u { width: 64px; height: 64px; }
.mk-cs-in { transition: transform .9s cubic-bezier(.5, 0, .3, 1), opacity .9s ease; }
.mk-cs-arrow { font-size: 22px; opacity: .7; margin: 0 4px; transition: opacity .4s; }
.mk-cs-out { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; font-size: 30px; font-weight: 800; color: #f2c14e;
    border: 2px dashed rgba(242, 193, 78, .6); transition: transform .5s, box-shadow .5s; }
.mk-crafting .mk-cs-in:nth-child(1) { transform: translateX(150px) scale(.4); opacity: 0; }
.mk-crafting .mk-cs-in:nth-child(2) { transform: translateX(80px) scale(.4); opacity: 0; transition-delay: .1s; }
.mk-crafting .mk-cs-in:nth-child(3) { transform: translateX(20px) scale(.4); opacity: 0; transition-delay: .2s; }
.mk-crafting .mk-cs-arrow { opacity: 0; }
.mk-crafting .mk-cs-out { transform: scale(1.25); box-shadow: 0 0 40px 8px rgba(242, 193, 78, .55); animation: mkCraftSpin 1s ease-in-out infinite; }
@keyframes mkCraftSpin { 50% { transform: scale(1.35) rotate(8deg); } }
@media (max-width: 400px) { .mk-craft-stage .mk-cs-in .mt-u, .mk-cs-out { width: 54px; height: 54px; } }
@media (prefers-reduced-motion: reduce) { .mk-cs-in, .mk-cs-out { transition: none; animation: none !important; } }

/* 07.10: вёрстка по проверке — ничего не вылезает за карточки и строки */
.mk-row2 { box-sizing: border-box; max-width: 100%; }
.mk-amt { white-space: nowrap; }
.mk-grid .mk-lot, .mk-grid .mk-lot * { box-sizing: border-box; }
.mk-grid .mk-lot > span, .mk-grid .mk-lot > small, .mk-grid .mk-lot > b { max-width: 100%; }
.mk-grid-mine .mk-lot > .mk-lot-price, .mk-grid-mine .mk-lot > .mk-sell-hint { overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
@media (max-width: 380px) {
    .mk-tabs a svg { display: none; }
    .mk-tabs a { padding: 0 6px; font-size: 13px; }
}

/* 07.10: списки «Мои сделки» не шире блока: длинный текст обрезается, а не растягивает строку */
.mk-sec, .mk-list2 { min-width: 0; max-width: 100%; }
.mk-list2 { display: grid; grid-template-columns: minmax(0, 1fr); }
.mk-list2 > .mk-row2, .mk-sec > .mk-row2 { min-width: 0; width: 100%; }
.mk-row2-t small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 400px) { .mk-row2 { gap: 8px; padding: 9px 10px; } .mk-row2 .mt-u-xs { width: 38px; height: 38px; } .mk-amt { font-size: 14px; } }