:root {
    --bg: #06060b;
    --panel: rgba(12, 14, 24, 0.84);
    --panel-strong: rgba(17, 20, 32, 0.94);
    --panel-soft: rgba(255,255,255,0.05);
    --stroke: rgba(255,255,255,0.09);
    --text: #f5f7fb;
    --muted: #b1b6c8;
    --accent: #ff2d3f;
    --accent-2: #9f3bff;
    --success: #38d39f;
    --warning: #ffcc4d;
    --danger: #ff5c63;
    --radius-xl: 34px;
    --radius-lg: 24px;
    --radius-md: 18px;
    --shadow: 0 20px 50px rgba(0,0,0,0.38);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    color: var(--text);
    font-family: Inter, Arial, Helvetica, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(255,45,63,0.26), transparent 34%),
        radial-gradient(circle at top right, rgba(124,58,237,0.22), transparent 28%),
        linear-gradient(180deg, rgba(3,3,6,0.72), rgba(3,3,6,0.98)),
        #05060b;
    overflow-x: hidden;
}
body, button, input, textarea, select { font-family: Inter, Arial, Helvetica, sans-serif; }
a { color: inherit; }
button { font: inherit; }
.video-overlay {
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(4,5,9,0.40), rgba(4,5,9,0.94)),
        radial-gradient(circle at 10% 10%, rgba(255, 42, 61, 0.18), transparent 20%),
        radial-gradient(circle at 90% 20%, rgba(112, 0, 255, 0.16), transparent 24%);
    pointer-events: none;
}
.page-shell {
    width: min(1360px, calc(100% - 48px));
    margin: 0 auto;
}
.main-shell { padding: 24px 0 48px; }
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(6,7,13,.72);
    border-bottom: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(16px);
}
.header-shell { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.brand, .footer-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand-mark {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: #fff;
    font-weight: 900;
    font-size: 24px;
    background: linear-gradient(135deg, #ff253d, #9f3bff);
    box-shadow: 0 12px 28px rgba(255, 45, 63, .2);
}
.brand-text { color: #fff; font-size: 21px; font-weight: 900; letter-spacing: -.03em; }
.brand-text b { color: var(--accent); }
.header-actions { display: flex; align-items: center; gap: 10px; }
.icon-action, .login-link, .primary-btn, .ghost-btn, .danger-btn, .link-btn, .tab-btn, .buy-btn {
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: transform .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;
}
.icon-action {
    position: relative;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(255,255,255,.09);
    color: #fff;
}
.icon-action:hover, .login-link:hover, .primary-btn:hover, .ghost-btn:hover, .buy-btn:hover { transform: translateY(-2px); filter: brightness(1.06); }
.cart-badge {
    position: absolute;
    right: -4px;
    top: -6px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--accent);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.login-link, .primary-btn, .buy-btn {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff253d, #ff4738);
    color: #fff;
    font-weight: 900;
    box-shadow: 0 18px 34px rgba(255,37,61,.20);
}
.primary-btn.full, .buy-btn.full { width: 100%; }
.ghost-btn {
    min-height: 48px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: #fff;
    font-weight: 800;
}
.danger-btn { min-height: 42px; padding: 0 16px; border-radius: 999px; background: rgba(255,92,99,.16); color: #ffb7ba; font-weight: 900; }
.link-btn { background: transparent; color: #ff6b78; font-weight: 900; padding: 8px 0; }
.search-panel { position: fixed; inset: 0; z-index: 1100; display: none; align-items: flex-start; justify-content: center; padding: 100px 20px 20px; background: rgba(0,0,0,.62); backdrop-filter: blur(10px); }
.search-panel.open { display: flex; }
.search-box { width: min(780px, 100%); display: grid; grid-template-columns: 1fr auto auto; gap: 10px; padding: 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: rgba(12,14,24,.95); box-shadow: var(--shadow); }
.search-box input, .auth-form input, .profile-form input, .admin-form input, .admin-form textarea, .admin-form select {
    width: 100%;
    min-height: 50px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    background: rgba(0,0,0,.28);
    color: #fff;
    padding: 0 16px;
    outline: none;
}
.search-box input:focus, .auth-form input:focus, .profile-form input:focus { border-color: rgba(255,45,63,.75); box-shadow: 0 0 0 4px rgba(255,45,63,.10); }
.search-box button[type="submit"] { min-height: 50px; border: 0; border-radius: 999px; padding: 0 22px; background: linear-gradient(135deg, #ff253d, #9f3bff); color: #fff; font-weight: 900; cursor: pointer; }
.hero-panel, .section-panel, .game-page-panel, .cart-panel, .profile-panel, .legal-panel {
    background: linear-gradient(180deg, rgba(8,10,18,0.92), rgba(8,10,18,0.82));
    border: 1px solid var(--stroke);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow);
    backdrop-filter: blur(16px);
}
.hero-panel { padding: clamp(22px, 4vw, 42px); overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, 460px); gap: 30px; align-items: center; }
.section-label { display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: 999px; background: #f1f1f4; color: #23242d; font-weight: 800; font-size: 14px; margin-bottom: 20px; }
.section-label::before { content: ''; width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 0 18px rgba(255, 45, 63, 0.45); }
.hero-title { margin: 0; max-width: 760px; font-size: clamp(44px, 7vw, 92px); line-height: .95; font-weight: 900; letter-spacing: -0.04em; }
.hero-title .accent { color: var(--accent); }
.hero-subtitle { margin-top: 18px; max-width: 700px; color: var(--muted); font-size: clamp(17px, 2vw, 22px); line-height: 1.45; font-weight: 700; }
.hero-card { padding: 24px; border: 1px solid rgba(255,255,255,.1); border-radius: 28px; background: linear-gradient(180deg, rgba(18,20,34,0.95), rgba(13,14,25,0.92)); }
.hero-card h2 { margin: 0 0 12px; font-size: 28px; }
.hero-card p { color: var(--muted); line-height: 1.5; margin: 0 0 18px; }
.category-bar { margin: 26px 0 24px; display: flex; gap: 10px; overflow-x: auto; padding-bottom: 8px; }
.category-chip { flex: 0 0 auto; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid rgba(255,255,255,.10); border-radius: 999px; color: #fff; text-decoration: none; font-weight: 900; background: rgba(255,255,255,.07); }
.category-chip.active, .category-chip:hover { background: linear-gradient(135deg, rgba(255,45,63,.9), rgba(159,59,255,.85)); border-color: transparent; }
.catalog-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin: 22px 0 18px; }
.catalog-head h2 { margin: 0; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.03em; }
.catalog-head .muted { color: var(--muted); font-weight: 700; }
.products-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.product-card { position: relative; min-width: 0; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 26px; background: linear-gradient(180deg, rgba(19,21,34,0.96), rgba(12,14,24,0.92)); box-shadow: 0 18px 34px rgba(0,0,0,.25); overflow: hidden; }
.product-card:hover { border-color: rgba(255,45,63,.42); }
.product-cover { position: relative; display: block; aspect-ratio: 1 / 1; border-radius: 22px; overflow: hidden; background: #10121d; text-decoration: none; }
.product-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .28s ease; }
.product-card:hover .product-cover img { transform: scale(1.035); }
.product-title { display: block; margin: 18px 4px 8px; min-height: 44px; color: #fff; text-decoration: none; font-weight: 900; font-size: 17px; line-height: 1.25; }
.price-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 4px 6px; min-height: 28px; }
.old-price { color: #8e94aa; text-decoration: line-through; text-decoration-thickness: 2px; font-weight: 800; font-size: 15px; }
.discount-badge { padding: 4px 8px; border-radius: 999px; background: rgba(255,45,63,.18); color: #ff6674; font-weight: 900; font-size: 13px; }
.current-price { margin: 0 4px 12px; color: #fff; font-size: 24px; font-weight: 900; }
.buy-btn { width: 100%; min-height: 46px; }
.empty-state { padding: 32px; border: 1px dashed rgba(255,255,255,.16); border-radius: 24px; color: var(--muted); font-weight: 800; text-align: center; }
.game-page-panel { padding: clamp(18px, 3vw, 34px); }
.game-hero { display: grid; grid-template-columns: minmax(280px, 430px) minmax(0, 1fr); gap: 30px; align-items: start; }
.game-main-cover { aspect-ratio: 1 / 1; border-radius: 30px; overflow: hidden; background: #11131f; border: 1px solid rgba(255,255,255,.1); }
.game-main-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.game-info h1 { margin: 0 0 14px; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -.04em; }
.game-short { color: #d8dced; font-size: 20px; line-height: 1.45; font-weight: 700; max-width: 820px; }
.game-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.trailer-btn { min-height: 50px; padding: 0 20px; border: 0; border-radius: 999px; background: rgba(255,255,255,.10); color: #fff; font-weight: 900; cursor: pointer; }
.media-section, .tabs-section, .meta-section { margin-top: 30px; }
.section-title { margin: 0 0 16px; font-size: clamp(28px, 4vw, 44px); font-weight: 900; letter-spacing: -.03em; }
.media-slider { display: flex; gap: 16px; overflow-x: auto; padding: 4px 4px 14px; scroll-snap-type: x proximity; cursor: grab; user-select: none; }
.media-slider.dragging { cursor: grabbing; scroll-behavior: auto; }
.media-slide { flex: 0 0 min(560px, 82vw); aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.05); scroll-snap-align: start; }
.media-slide img { width: 100%; height: 100%; object-fit: cover; display: block; user-select: none; -webkit-user-drag: none; }
.tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.tab-btn { min-height: 44px; padding: 0 18px; border-radius: 999px; color: #fff; font-weight: 900; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.10); }
.tab-btn.active { background: linear-gradient(135deg, #ff253d, #9f3bff); border-color: transparent; }
.tab-content { display: none; padding: 22px; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; background: rgba(255,255,255,.05); color: #d8dced; font-size: 17px; line-height: 1.58; }
.tab-content.active { display: block; }
.meta-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.meta-card { padding: 16px; border-radius: 18px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); }
.meta-label { color: var(--muted); font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.meta-value { margin-top: 6px; color: #fff; font-weight: 900; line-height: 1.3; }
.cart-panel, .profile-panel, .legal-panel { padding: clamp(20px, 3vw, 34px); }
.cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.cart-list { display: grid; gap: 14px; }
.cart-item { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; background: rgba(255,255,255,.05); }
.cart-item img { width: 120px; height: 120px; object-fit: cover; border-radius: 18px; }
.cart-item-title { font-size: 20px; font-weight: 900; margin-bottom: 8px; }
.summary-card { position: sticky; top: 100px; padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: rgba(17,20,32,.94); box-shadow: var(--shadow); }
.summary-row { display: flex; justify-content: space-between; gap: 16px; color: #d8dced; font-weight: 800; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.summary-row.total { color: #fff; font-size: 24px; font-weight: 900; border-bottom: 0; }
.notice { margin-top: 14px; padding: 14px; border-radius: 16px; background: rgba(255,204,77,.12); color: #ffe39a; line-height: 1.45; font-weight: 800; }
.success-notice { background: rgba(56,211,159,.12); color: #bdf8df; }
.profile-grid { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 24px; }
.profile-card, .orders-card { padding: 22px; border-radius: 24px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.05); }
.profile-card h2, .orders-card h2 { margin-top: 0; }
.order-row { padding: 16px; border-radius: 18px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); margin-bottom: 12px; }
.legal-panel h1 { font-size: clamp(34px, 5vw, 58px); line-height: 1; margin-top: 0; }
.legal-panel p, .legal-panel li { color: #d8dced; line-height: 1.6; }
.site-footer { border-top: 1px solid rgba(255,255,255,.08); background: rgba(6,7,13,.72); backdrop-filter: blur(16px); }
.footer-shell { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: 26px; align-items: center; padding: 28px 0; }
.footer-nav, .footer-links { display: flex; gap: 14px; flex-wrap: wrap; }
.footer-nav a, .footer-links a { color: #d8dced; text-decoration: none; font-weight: 800; }
.footer-links { justify-content: end; }
.footer-links a:hover, .footer-nav a:hover { color: #fff; }
.modal { position: fixed; inset: 0; z-index: 2000; display: none; align-items: center; justify-content: center; padding: 20px; }
.modal.open { display: flex; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.70); backdrop-filter: blur(10px); }
.modal-card { position: relative; width: min(520px, 100%); max-height: calc(100vh - 40px); overflow: auto; border: 1px solid rgba(255,255,255,.12); border-radius: 30px; background: rgba(12,14,24,.96); box-shadow: 0 30px 80px rgba(0,0,0,.55); padding: 24px; }
.modal-close { position: absolute; right: 14px; top: 14px; width: 40px; height: 40px; border: 0; border-radius: 14px; background: rgba(255,255,255,.09); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 24px 42px 18px 0; padding: 6px; border-radius: 18px; background: rgba(255,255,255,.06); }
.auth-tab { min-height: 42px; border: 0; border-radius: 14px; background: transparent; color: #d8dced; font-weight: 900; cursor: pointer; }
.auth-tab.active { color: #fff; background: linear-gradient(135deg, #ff253d, #9f3bff); }
.auth-form { display: none; gap: 12px; }
.auth-form.active { display: grid; }
.auth-form h2 { margin: 0 0 8px; font-size: 26px; }
.auth-form label, .profile-form label { display: grid; gap: 8px; color: #d8dced; font-weight: 800; }
.checkbox-row { grid-template-columns: auto 1fr; align-items: start; color: #d8dced; font-size: 14px; line-height: 1.4; }
.checkbox-row input { width: auto; min-height: auto; margin-top: 3px; }
.checkbox-row a { color: #ff7280; font-weight: 900; }
.form-message { min-height: 22px; color: #ffb7ba; font-weight: 800; }
.form-message.success { color: #bdf8df; }
.trailer-card { width: min(980px, 100%); padding-top: 62px; }
.trailer-frame { aspect-ratio: 16 / 9; border-radius: 22px; overflow: hidden; background: #000; }
.trailer-frame iframe { width: 100%; height: 100%; border: 0; }
.notification { position: fixed; right: 18px; top: 90px; z-index: 3000; padding: 12px 18px; border-radius: 14px; color: #fff; font-weight: 900; background: #2ecc71; box-shadow: 0 10px 25px rgba(0,0,0,.2); animation: slideIn .25s ease; }
.notification.error-notification { background: var(--danger); }
@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.muted { color: var(--muted); }
@media (max-width: 1220px) { .products-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .meta-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 980px) { .hero-grid, .game-hero, .cart-layout, .profile-grid { grid-template-columns: 1fr; } .products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .summary-card { position: static; } .footer-shell { grid-template-columns: 1fr; } .footer-links { justify-content: start; } }
@media (max-width: 720px) {
    .page-shell { width: min(100%, calc(100% - 22px)); }
    .header-shell { min-height: 68px; }
    .brand-text { display: none; }
    .login-link { padding: 0 14px; min-height: 44px; }
    .icon-action { width: 44px; height: 44px; }
    .hero-panel, .game-page-panel, .cart-panel, .profile-panel, .legal-panel { border-radius: 24px; }
    .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .product-card { padding: 9px; border-radius: 20px; }
    .product-cover { border-radius: 17px; }
    .product-title { font-size: 15px; min-height: 40px; }
    .current-price { font-size: 20px; }
    .cart-item { grid-template-columns: 86px minmax(0, 1fr); }
    .cart-item img { width: 86px; height: 86px; }
    .cart-actions { grid-column: 1 / -1; }
    .search-box { grid-template-columns: 1fr; }
    .meta-grid { grid-template-columns: 1fr; }
    .game-actions .buy-btn, .game-actions .trailer-btn { width: 100%; }
}
@media (max-width: 420px) { .products-grid { grid-template-columns: 1fr; } }

/* ===== Stage 1 fixes after first install feedback ===== */
body {
    display: flex;
    flex-direction: column;
}
.main-shell {
    flex: 1 0 auto;
    padding: 18px 0 28px;
}
.site-footer {
    flex-shrink: 0;
}
.compact-catalog-head {
    align-items: center;
    margin-top: 8px;
}
.compact-catalog-head h1 {
    margin: 0;
    font-size: clamp(32px, 5vw, 56px);
    line-height: 1;
    letter-spacing: -.04em;
}
.catalog-live-search {
    width: min(360px, 100%);
}
.catalog-live-search input {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(0,0,0,.28);
    color: #fff;
    padding: 0 18px;
    outline: none;
    font-weight: 800;
}
.catalog-live-search input:focus {
    border-color: rgba(255,45,63,.75);
    box-shadow: 0 0 0 4px rgba(255,45,63,.10);
}
.product-actions {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}
.product-actions .buy-btn {
    min-width: 0;
}
.trailer-btn.small {
    min-height: 46px;
    padding: 0 14px;
    border-radius: 999px;
    white-space: nowrap;
}
.search-box {
    position: relative;
    grid-template-columns: minmax(0, 1fr) auto auto;
}
.search-results {
    grid-column: 1 / -1;
    display: grid;
    gap: 8px;
    max-height: min(430px, 58vh);
    overflow: auto;
    padding-top: 4px;
}
.search-help {
    padding: 14px 4px 4px;
    color: var(--muted);
    font-weight: 800;
}
.search-result-item {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 72px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(255,255,255,.05);
    text-decoration: none;
}
.search-result-item:hover {
    background: rgba(255,255,255,.09);
    border-color: rgba(255,45,63,.36);
}
.search-result-item img {
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 14px;
    background: #10121d;
}
.search-result-item b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-result-item small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-weight: 800;
}
.cart-price-stack {
    display: grid;
    gap: 6px;
}
.cart-discount-line {
    margin: 0 4px;
    color: #bdf8df;
    font-size: 14px;
    font-weight: 900;
}
.profile-form {
    display: grid;
    gap: 14px;
}
.profile-form .primary-btn {
    margin-top: 4px;
}
.admin-form input[readonly] {
    opacity: .85;
    cursor: not-allowed;
}
@media (max-width: 980px) {
    .compact-catalog-head {
        align-items: stretch;
    }
    .catalog-live-search {
        width: 100%;
    }
}
@media (max-width: 720px) {
    .main-shell {
        padding-top: 12px;
    }
    .category-bar {
        margin: 12px 0 16px;
    }
    .product-card {
        padding: 8px;
    }
    .product-cover {
        aspect-ratio: 1 / 1;
    }
    .product-title {
        margin: 9px 2px 6px;
        min-height: 36px;
        font-size: 14px;
        line-height: 1.2;
    }
    .price-line {
        margin: 0 2px 3px;
        gap: 5px;
        flex-wrap: wrap;
    }
    .old-price {
        font-size: 13px;
    }
    .discount-badge {
        padding: 3px 6px;
        font-size: 12px;
    }
    .current-price {
        margin: 0 2px 8px;
        font-size: 18px;
    }
    .product-actions {
        grid-template-columns: 1fr;
        gap: 7px;
    }
    .buy-btn,
    .trailer-btn.small {
        min-height: 40px;
        font-size: 13px;
        width: 100%;
    }
    .search-box {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 420px) {
    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px;
    }
    .page-shell {
        width: min(100%, calc(100% - 18px));
    }
}


/* ===== Stage 1 fix 2 ===== */
body.modal-open {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    touch-action: none;
}
.category-chip {
    border: 1px solid rgba(255,255,255,.10);
    cursor: pointer;
    font: inherit;
}
.product-cover img,
.game-main-cover img,
.cart-item img,
.search-result-item img {
    object-fit: cover !important;
    object-position: center;
    background: #10121d;
}
.product-card:hover .product-cover img {
    transform: none !important;
}
.product-cover {
    background: radial-gradient(circle at 50% 20%, rgba(255,45,63,.12), transparent 44%), #10121d;
}
.trailer-frame video {
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
}
.search-box {
    grid-template-columns: minmax(0, 1fr) auto;
}
.catalog-head.compact-catalog-head {
    justify-content: flex-start;
}
.admin-media-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.admin-media-item {
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    padding: 10px;
    background: rgba(255,255,255,.05);
}
.admin-media-item img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    background: #10121d;
    border-radius: 12px;
    display: block;
    margin-bottom: 8px;
}
@media (max-width: 720px) {
    .product-cover img,
    .game-main-cover img,
    .cart-item img,
    .search-result-item img {
        object-fit: cover !important;
    }
    .admin-media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* ===== Stage 1 fix 3 ===== */
.media-slide video,
.media-video-slide video,
.admin-preview-card video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background: #000;
}
.admin-preview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.admin-preview-card {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: rgba(255,255,255,.05);
}
.admin-preview-card img,
.admin-preview-card video {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 14px;
    background: #10121d;
}
.admin-preview-card img {
    object-fit: cover;
}
@media (max-width: 720px) {
    .admin-preview-grid {
        grid-template-columns: 1fr;
    }
}


/* ===== Stage 1 fix 4 ===== */
.product-cover img,
.game-main-cover img,
.cart-item img,
.search-result-item img,
.admin-preview-card img {
    object-fit: contain !important;
    object-position: center center !important;
    background: #10121d;
}
.product-cover img,
.game-main-cover img {
    width: 100% !important;
    height: 100% !important;
}
.media-slide img {
    object-fit: contain !important;
    background: #10121d;
}
.trailer-fallback-link {
    display: inline-flex;
    margin-top: 12px;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.35);
}
.form-hint {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.35;
}
.danger-check {
    color: #ffd0d0;
    font-weight: 900;
}
.admin-preview-card video {
    min-height: 180px;
}
@media (max-width: 720px) {
    .product-cover img,
    .game-main-cover img,
    .cart-item img,
    .search-result-item img {
        object-fit: contain !important;
    }
}

/* ===== Stage 1 fix 5 ===== */
.product-cover {
    aspect-ratio: 3 / 4 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 18%, rgba(255,45,63,.12), transparent 42%), #10121d;
}
.product-cover img,
.search-result-item img,
.cart-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #10121d;
}
.product-card:hover .product-cover img {
    transform: none !important;
}
@media (min-width: 981px) {
    .game-hero {
        grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) !important;
        gap: 24px !important;
        align-items: center !important;
    }
    .game-main-cover {
        width: min(300px, 100%) !important;
        max-width: 300px !important;
        aspect-ratio: 3 / 4 !important;
        border-radius: 24px !important;
        justify-self: start;
    }
    .game-main-cover img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: #10121d;
    }
    .game-info h1 {
        font-size: clamp(34px, 4vw, 54px) !important;
    }
    .game-short {
        font-size: 18px !important;
        max-width: 760px !important;
    }
    .game-actions .buy-btn {
        width: auto !important;
        min-width: 190px !important;
        max-width: 260px !important;
        padding: 0 24px !important;
        flex: 0 0 auto;
    }
}
.media-image-button {
    border: 1px solid rgba(255,255,255,.08);
    padding: 0;
    cursor: zoom-in;
    appearance: none;
    -webkit-appearance: none;
}
.media-image-button:hover {
    border-color: rgba(255,45,63,.48);
}
.media-image-button img {
    pointer-events: none;
}
.image-lightbox-card {
    width: min(1120px, 100%);
    padding: 62px 16px 16px;
    background: rgba(7,8,14,.98);
}
.image-lightbox-card img {
    display: block;
    width: 100%;
    max-height: calc(100vh - 120px);
    object-fit: contain;
    border-radius: 20px;
    background: #05060b;
}
.media-slide img {
    object-fit: contain !important;
    object-position: center center !important;
    background: #10121d;
}
@media (max-width: 980px) {
    .game-main-cover {
        max-width: 420px;
        width: 100%;
        aspect-ratio: 3 / 4;
        justify-self: center;
    }
    .game-main-cover img {
        object-fit: contain !important;
    }
}
@media (max-width: 720px) {
    .product-cover {
        aspect-ratio: 3 / 4 !important;
    }
    .game-actions .buy-btn,
    .game-actions .trailer-btn {
        width: 100% !important;
        max-width: none !important;
    }
    .image-lightbox-card {
        padding: 58px 10px 10px;
        border-radius: 24px;
    }
}

/* ===== Stage 1 fix 6 ===== */
html.media-viewer-open,
body.media-viewer-open {
    overflow: hidden;
    overscroll-behavior: none;
}
.product-cover img,
.search-result-item img,
.cart-item img {
    object-fit: cover !important;
    object-position: center center !important;
}
.game-hero.game-hero-compact {
    display: grid !important;
    grid-template-columns: minmax(190px, 260px) minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: center !important;
    padding: clamp(18px, 3vw, 30px);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(17,20,32,.94), rgba(10,12,22,.88));
    box-shadow: var(--shadow);
}
.game-hero-compact .game-main-cover {
    width: 100% !important;
    max-width: 260px !important;
    aspect-ratio: auto !important;
    border-radius: 22px !important;
    overflow: hidden;
    justify-self: start;
    align-self: center;
    background: #10121d;
}
.game-hero-compact .game-main-cover img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 360px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #10121d;
}
.game-hero-compact .game-info {
    min-width: 0;
}
.game-hero-compact .game-info h1 {
    font-size: clamp(32px, 4vw, 54px) !important;
}
.game-hero-compact .game-short {
    max-width: 780px !important;
}
.game-hero-compact .game-actions .buy-btn {
    width: auto !important;
    min-width: 184px !important;
    max-width: 250px !important;
    padding: 0 22px !important;
    flex: 0 0 auto;
}
.media-viewer {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(2, 3, 8, .94);
    backdrop-filter: blur(10px);
    touch-action: none;
}
.media-viewer.open {
    display: flex;
}
.media-viewer-stage {
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 38px 108px;
}
.media-viewer-stage img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(0,0,0,.5);
    background: #05060b;
}
.media-viewer-close,
.media-viewer-arrow {
    position: fixed;
    z-index: 1301;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(12,14,24,.76);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 16px 36px rgba(0,0,0,.34);
    backdrop-filter: blur(14px);
    transition: transform .18s ease, background .18s ease;
}
.media-viewer-close:hover,
.media-viewer-arrow:hover {
    transform: translateY(-1px) scale(1.04);
    background: rgba(255,45,63,.72);
}
.media-viewer-close {
    top: 18px;
    right: 18px;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    font-size: 32px;
    line-height: 1;
}
.media-viewer-arrow {
    top: 50%;
    width: 58px;
    height: 72px;
    border-radius: 20px;
    transform: translateY(-50%);
    font-size: 56px;
    line-height: 1;
}
.media-viewer-arrow:hover {
    transform: translateY(-50%) scale(1.04);
}
.media-viewer-prev { left: 22px; }
.media-viewer-next { right: 22px; }
@media (max-width: 980px) {
    .game-hero.game-hero-compact {
        grid-template-columns: 180px minmax(0, 1fr) !important;
        gap: 18px !important;
    }
    .game-hero-compact .game-main-cover {
        max-width: 180px !important;
    }
}
@media (max-width: 720px) {
    .game-hero.game-hero-compact {
        grid-template-columns: 1fr !important;
    }
    .game-hero-compact .game-main-cover {
        justify-self: center;
        max-width: 230px !important;
    }
    .game-hero-compact .game-actions .buy-btn,
    .game-hero-compact .game-actions .trailer-btn {
        width: 100% !important;
        max-width: none !important;
    }
    .media-viewer-stage {
        padding: 70px 12px 42px;
    }
    .media-viewer-close {
        top: 12px;
        right: 12px;
        width: 44px;
        height: 44px;
        border-radius: 14px;
    }
    .media-viewer-arrow {
        top: auto;
        bottom: 12px;
        width: 52px;
        height: 52px;
        border-radius: 16px;
        font-size: 42px;
        transform: none;
    }
    .media-viewer-arrow:hover {
        transform: scale(1.04);
    }
    .media-viewer-prev { left: 12px; }
    .media-viewer-next { right: 12px; }
}

/* ===== Stage 1 fix 7 ===== */
.icon-action,
.login-link,
.primary-btn,
.ghost-btn,
.danger-btn,
.link-btn,
.tab-btn,
.buy-btn,
.trailer-btn,
.category-chip,
.product-card,
.product-cover,
.search-result-item,
.cart-item,
.media-image-button,
.media-viewer-close,
.media-viewer-arrow {
    will-change: transform, box-shadow, filter, background;
}
.icon-action,
.login-link,
.primary-btn,
.ghost-btn,
.danger-btn,
.tab-btn,
.buy-btn,
.trailer-btn,
.category-chip,
.search-box button[type="submit"] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;
}
.icon-action::after,
.login-link::after,
.primary-btn::after,
.ghost-btn::after,
.danger-btn::after,
.tab-btn::after,
.buy-btn::after,
.trailer-btn::after,
.category-chip::after,
.search-box button[type="submit"]::after {
    content: "";
    position: absolute;
    inset: -55%;
    z-index: -1;
    background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.32) 50%, transparent 65%);
    transform: translateX(-135%) rotate(8deg);
    transition: transform .55s ease;
    pointer-events: none;
}
.icon-action:hover::after,
.login-link:hover::after,
.primary-btn:hover::after,
.ghost-btn:hover::after,
.danger-btn:hover::after,
.tab-btn:hover::after,
.buy-btn:hover::after,
.trailer-btn:hover::after,
.category-chip:hover::after,
.search-box button[type="submit"]:hover::after {
    transform: translateX(135%) rotate(8deg);
}
.icon-action:hover,
.login-link:hover,
.primary-btn:hover,
.ghost-btn:hover,
.danger-btn:hover,
.tab-btn:hover,
.buy-btn:hover,
.trailer-btn:hover,
.category-chip:hover,
.search-box button[type="submit"]:hover {
    transform: translateY(-2px) scale(1.015);
    filter: brightness(1.07);
}
.icon-action:active,
.login-link:active,
.primary-btn:active,
.ghost-btn:active,
.danger-btn:active,
.tab-btn:active,
.buy-btn:active,
.trailer-btn:active,
.category-chip:active,
.search-box button[type="submit"]:active {
    transform: translateY(0) scale(.97);
}
.product-card {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 52px rgba(0,0,0,.36), 0 0 0 1px rgba(255,45,63,.14) inset;
}
.product-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 50% 10%, rgba(255,45,63,.20), transparent 34%);
    opacity: 0;
    transition: opacity .22s ease;
    pointer-events: none;
}
.product-card:hover .product-cover::after {
    opacity: 1;
}
.product-title,
.cart-item-info,
.cart-item-cover {
    text-decoration: none;
}
.cart-item {
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.cart-item:hover {
    transform: translateY(-2px);
    border-color: rgba(255,45,63,.34);
    background: rgba(255,255,255,.07);
    box-shadow: 0 18px 34px rgba(0,0,0,.24);
}
.cart-item-cover {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 18px;
    overflow: hidden;
    background: #10121d;
}
.cart-item-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
}
.cart-item-info {
    display: block;
    color: inherit;
    min-width: 0;
}
.cart-item-info:hover .cart-item-title {
    color: #fff;
    text-shadow: 0 0 18px rgba(255,45,63,.22);
}
@media (min-width: 981px) {
    .game-hero.game-hero-compact {
        grid-template-columns: minmax(300px, 360px) minmax(0, 1fr) !important;
        gap: 30px !important;
        align-items: center !important;
    }
    .game-hero-compact .game-main-cover {
        width: 100% !important;
        max-width: 360px !important;
        aspect-ratio: 3 / 4 !important;
        border-radius: 28px !important;
        box-shadow: 0 20px 50px rgba(0,0,0,.34);
    }
    .game-hero-compact .game-main-cover img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
    .game-hero-compact .game-info h1 {
        font-size: clamp(34px, 3.7vw, 58px) !important;
    }
    .game-hero-compact .game-short {
        font-size: 19px !important;
        max-width: 780px !important;
    }
    .game-hero-compact .game-actions .buy-btn {
        width: auto !important;
        min-width: 176px !important;
        max-width: 238px !important;
        min-height: 48px !important;
    }
}
.media-viewer {
    z-index: 2600;
}
.media-viewer-stage {
    cursor: zoom-out;
}
.media-viewer-stage img {
    cursor: default;
}
.media-viewer-close,
.media-viewer-arrow {
    z-index: 2601;
}
.media-image-button {
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.media-image-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 34px rgba(0,0,0,.28);
}
.admin-preview-card img,
.admin-media-item img {
    background: #10121d;
}
@media (max-width: 720px) {
    .cart-item-cover {
        width: 86px;
        height: 86px;
    }
}


/* ===== Stage 1 fix 8 ===== */
.icon-action {
    width: 50px;
    height: 50px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 30% 22%, rgba(255,255,255,.18), transparent 34%),
        linear-gradient(135deg, rgba(255,45,63,.22), rgba(159,59,255,.20));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
}
.icon-action .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    filter: drop-shadow(0 0 12px rgba(255,45,63,.28));
}
.icon-action svg {
    display: block;
}
.cart-action {
    overflow: visible !important;
}
.cart-badge {
    right: -7px;
    top: -7px;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff253d, #ff6a3d);
    border: 2px solid #070812;
    box-shadow: 0 8px 18px rgba(255,37,61,.36);
    font-size: 12px;
    line-height: 1;
}
.game-hero.game-hero-compact {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
}
.game-hero-compact .game-main-cover {
    border: 2px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.34), 0 0 0 8px rgba(255,255,255,.035) !important;
    background: rgba(10,12,22,.72) !important;
}
.meta-grid {
    padding: 18px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    gap: 0 !important;
    overflow: hidden;
}
.meta-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 16px !important;
    box-shadow: none !important;
}
.meta-card:not(:nth-child(4n)) {
    border-right: 1px solid rgba(255,255,255,.075) !important;
}
.meta-card:nth-child(n+5) {
    border-top: 1px solid rgba(255,255,255,.075) !important;
}
.payment-login-btn {
    width: auto !important;
    max-width: 100% !important;
    margin-top: 16px !important;
    padding: 0 22px !important;
    text-align: center;
    white-space: normal;
}
@media (max-width: 1220px) {
    .meta-card:not(:nth-child(4n)) { border-right: 0 !important; }
    .meta-card:not(:nth-child(3n)) { border-right: 1px solid rgba(255,255,255,.075) !important; }
    .meta-card:nth-child(n+4) { border-top: 1px solid rgba(255,255,255,.075) !important; }
}
@media (max-width: 980px) {
    .game-hero.game-hero-compact {
        gap: 18px !important;
    }
    .meta-card:not(:nth-child(3n)) { border-right: 0 !important; }
    .meta-card:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,.075) !important; }
}
@media (max-width: 720px) {
    .icon-action {
        width: 44px;
        height: 44px;
        border-radius: 15px;
    }
    .cart-badge {
        right: -6px;
        top: -6px;
        min-width: 22px;
        height: 22px;
        border-radius: 11px;
    }
    .payment-login-btn {
        width: 100% !important;
        min-height: 50px;
    }
}

/* ===== Stage 1 fix 9 ===== */
.logo-brand {
    gap: 0 !important;
    min-width: 0;
}
.brand-logo {
    display: block;
    width: min(260px, 42vw);
    max-width: 100%;
    height: 64px;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 12px 26px rgba(159,59,255,.16));
}
.footer-logo {
    display: block;
    width: min(280px, 70vw);
    height: 88px;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 12px 26px rgba(159,59,255,.16));
}
.brand .brand-mark,
.footer-brand .brand-mark,
.brand .brand-text,
.footer-brand .brand-text {
    display: none !important;
}
@media (min-width: 721px) {
    .category-bar {
        justify-content: center !important;
        flex-wrap: wrap !important;
        overflow: visible !important;
        padding-bottom: 0 !important;
    }
}
@media (max-width: 720px) {
    .brand-logo {
        width: min(188px, 48vw);
        height: 52px;
    }
    .footer-logo {
        width: min(230px, 78vw);
        height: 72px;
    }
}
.product-actions-single {
    display: block !important;
}
.product-actions-single .buy-btn {
    width: 100% !important;
}
.media-slider {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
}
.media-slider::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}
.media-slider.dragging {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
}
.media-slider.dragging .media-slide,
.category-bar.dragging .category-chip {
    pointer-events: none;
}
.icon-action::after,
.icon-action:hover::after {
    content: none !important;
    display: none !important;
    transform: none !important;
}
.icon-action {
    overflow: visible !important;
    border-radius: 16px !important;
    transition: transform .32s cubic-bezier(.2,.85,.2,1), box-shadow .32s cubic-bezier(.2,.85,.2,1), filter .32s cubic-bezier(.2,.85,.2,1), background .32s ease, border-color .32s ease !important;
}
.icon-action:hover {
    transform: translateY(-2px) scale(1.035) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.32), 0 0 0 1px rgba(255,45,63,.20) inset !important;
}
.icon-action:active {
    transform: translateY(0) scale(.96) !important;
}
.cart-badge {
    right: -9px !important;
    top: -9px !important;
    min-width: 25px !important;
    height: 25px !important;
    border-radius: 999px !important;
    z-index: 5;
}
.login-link,
.primary-btn,
.ghost-btn,
.danger-btn,
.link-btn,
.tab-btn,
.buy-btn,
.trailer-btn,
.category-chip,
.search-box button[type="submit"] {
    transition: transform .34s cubic-bezier(.2,.85,.2,1), box-shadow .34s cubic-bezier(.2,.85,.2,1), filter .34s ease, background .34s ease, border-color .34s ease !important;
}
.login-link::after,
.primary-btn::after,
.ghost-btn::after,
.danger-btn::after,
.tab-btn::after,
.buy-btn::after,
.trailer-btn::after,
.category-chip::after,
.search-box button[type="submit"]::after {
    transition: transform .8s cubic-bezier(.16,1,.3,1) !important;
    background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.22) 50%, transparent 62%) !important;
}
.login-link:hover,
.primary-btn:hover,
.ghost-btn:hover,
.danger-btn:hover,
.tab-btn:hover,
.buy-btn:hover,
.trailer-btn:hover,
.category-chip:hover,
.search-box button[type="submit"]:hover {
    transform: translateY(-2px) scale(1.012) !important;
}
.login-link:active,
.primary-btn:active,
.ghost-btn:active,
.danger-btn:active,
.tab-btn:active,
.buy-btn:active,
.trailer-btn:active,
.category-chip:active,
.search-box button[type="submit"]:active {
    transform: translateY(0) scale(.975) !important;
}
.trailer-card {
    width: min(1040px, calc(100vw - 28px)) !important;
    padding: 18px !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,45,63,.24), transparent 28%),
        radial-gradient(circle at 88% 4%, rgba(159,59,255,.22), transparent 30%),
        rgba(9, 10, 18, .94) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 34px 90px rgba(0,0,0,.58), 0 0 0 1px rgba(255,45,63,.08) inset !important;
    overflow: hidden;
}
.trailer-card .modal-close {
    top: 16px !important;
    right: 16px !important;
    z-index: 4;
    background: rgba(0,0,0,.48) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    backdrop-filter: blur(12px);
}
.trailer-frame {
    aspect-ratio: auto !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #03040a !important;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 56px rgba(0,0,0,.34);
}
.trailer-player-shell {
    display: grid;
    gap: 0;
    background: #03040a;
}
.trailer-player-video,
.trailer-frame video {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    max-height: calc(100vh - 180px);
    object-fit: contain;
    background: #000;
}
.trailer-player-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    color: rgba(245,247,251,.92);
    font-weight: 900;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.035));
    border-top: 1px solid rgba(255,255,255,.10);
}
.trailer-fallback-link {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    color: #fff !important;
    text-decoration: none;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.12);
    font-size: 13px;
}
@media (max-width: 720px) {
    .trailer-card {
        padding: 10px !important;
        border-radius: 22px !important;
    }
    .trailer-player-footer {
        align-items: stretch;
        flex-direction: column;
    }
    .trailer-fallback-link {
        width: 100%;
    }
}

/* ===== Stage 1 fix 10 ===== */
.category-chip {
    pointer-events: auto !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent;
}
.category-bar {
    position: relative;
    z-index: 2;
}

.buy-btn.added,
.buy-btn.added:hover {
    background: linear-gradient(135deg, #38d39f, #21b883) !important;
    color: #07100d !important;
    box-shadow: 0 18px 34px rgba(56,211,159,.18), 0 0 0 1px rgba(56,211,159,.16) inset !important;
}
.buy-btn.added::after {
    background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.26) 50%, transparent 62%) !important;
}

.media-image-button {
    cursor: zoom-in !important;
}
.media-image-button img {
    pointer-events: none;
}
.media-slider {
    scroll-snap-type: none !important;
    scroll-padding: 0 !important;
    scroll-behavior: auto !important;
}
.media-slider:not(.dragging) {
    scroll-behavior: smooth !important;
}
.media-slide {
    scroll-snap-align: none !important;
}

.tab-btn {
    transition: transform .34s cubic-bezier(.2,.85,.2,1), box-shadow .34s cubic-bezier(.2,.85,.2,1), filter .34s ease, background .34s ease, border-color .34s ease !important;
}
.tab-btn:hover {
    box-shadow: 0 16px 34px rgba(159,59,255,.15), 0 0 0 1px rgba(255,45,63,.16) inset !important;
}
.tab-btn.active {
    box-shadow: 0 18px 36px rgba(255,45,63,.18), 0 0 0 1px rgba(255,255,255,.08) inset !important;
}

.trailer-player-footer {
    display: none !important;
}
.trailer-player-shell {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}
.trailer-fallback-floating {
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 3;
    background: rgba(6,7,13,.74) !important;
    backdrop-filter: blur(14px);
}

.payment-login-btn {
    width: auto !important;
    max-width: 100% !important;
    white-space: normal;
    text-align: center;
    line-height: 1.18;
}

.admin-page .ghost-btn {
    overflow: visible !important;
}
.admin-page .ghost-btn::after,
.admin-page .ghost-btn:hover::after {
    content: none !important;
    display: none !important;
}
.admin-page .ghost-btn:hover {
    overflow: visible !important;
}
.admin-table-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.admin-table-wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.admin-submit-row {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.admin-submit-progress {
    display: none;
    flex: 1 1 260px;
    min-width: min(260px, 100%);
    height: 12px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.10);
}
.admin-form.is-submitting .admin-submit-progress {
    display: block;
}
.admin-submit-progress span {
    display: block;
    height: 100%;
    width: 44%;
    border-radius: inherit;
    background: linear-gradient(135deg, #ff253d, #9f3bff);
    animation: adminProgress 1.05s cubic-bezier(.45,0,.2,1) infinite;
    box-shadow: 0 0 24px rgba(255,45,63,.35);
}
.admin-form.is-submitting .primary-btn[type="submit"] {
    opacity: .78;
    pointer-events: none;
}
@keyframes adminProgress {
    0% { transform: translateX(-115%); }
    50% { transform: translateX(72%); }
    100% { transform: translateX(230%); }
}

@media (max-width: 720px) {
    .payment-login-btn {
        width: 100% !important;
    }
    .trailer-fallback-floating {
        position: static;
        margin: 10px !important;
    }
}


/* ===== Stage 1 fix 11 ===== */
.trailer-fallback-link,
.trailer-fallback-floating {
    display: none !important;
}
.media-image-button,
.media-image-button:hover,
.media-image-button img {
    cursor: pointer !important;
}
.media-image-button {
    touch-action: pan-x;
}
.media-slider.dragging .media-image-button {
    cursor: grabbing !important;
}
.admin-upload-warning {
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(255,204,77,.25);
    background: rgba(255,204,77,.08);
    color: #ffe3a0;
    font-weight: 800;
    line-height: 1.45;
}
.admin-preview-title,
.admin-media-title {
    color: #f5f7fb;
    font-weight: 900;
}
.admin-file-error {
    color: #ffd0d0;
    font-weight: 900;
    display: none;
}


/* ===== Stage 1 fix 14 =====
   ПК: короткий клик по фото открывает просмотрщик,
   drag с зажатой ЛКМ прокручивает media-slider. */
.media-slider.dragging .media-slide,
.media-slider.dragging .media-image-button,
.media-slider.dragging .media-image-button img {
    pointer-events: auto !important;
}
.media-slider.dragging .media-image-button {
    cursor: grabbing !important;
}


/* ===== Stage 2/3 fix 15 ===== */
.admin-row-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
.admin-row-actions form,
.admin-table-wrap form {
    margin: 0;
}
.admin-delete-btn,
.compact-btn,
.admin-filter-link {
    min-height: 40px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.admin-filter-form {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.admin-filter-link {
    color: #f5f7fb;
    text-decoration: none;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.08);
    transition: transform .28s cubic-bezier(.2,.85,.2,1), background .28s ease, border-color .28s ease;
}
.admin-filter-link:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.13);
    border-color: rgba(255,255,255,.22);
}
.success-notice {
    border-color: rgba(56,211,159,.28) !important;
    background: rgba(56,211,159,.08) !important;
    color: #c5ffe9 !important;
}
.danger-notice {
    border-color: rgba(255,92,99,.34) !important;
    background: rgba(255,92,99,.10) !important;
    color: #ffd0d0 !important;
}
.admin-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.07);
    color: #f5f7fb;
}
.admin-status.status-pending {
    background: rgba(255,204,77,.10);
    border-color: rgba(255,204,77,.26);
    color: #ffe3a0;
}
.admin-status.status-paid {
    background: rgba(56,211,159,.10);
    border-color: rgba(56,211,159,.26);
    color: #c5ffe9;
}
.admin-status.status-failed,
.admin-status.status-cancelled {
    background: rgba(255,92,99,.10);
    border-color: rgba(255,92,99,.26);
    color: #ffd0d0;
}
@media (max-width: 720px) {
    .admin-filter-form,
    .admin-filter-form input,
    .admin-filter-form button,
    .admin-filter-link,
    .admin-row-actions,
    .admin-row-actions .ghost-btn,
    .admin-row-actions .danger-btn {
        width: 100%;
    }
}

/* ===== Scorpion Shop redesign v16: first Figma mockup style ===== */
:root {
    --bg: #05070d;
    --panel: rgba(8, 11, 18, 0.92);
    --panel-strong: rgba(10, 13, 22, 0.96);
    --panel-soft: rgba(159, 59, 255, 0.08);
    --stroke: rgba(196, 119, 255, 0.16);
    --text: #f8f7ff;
    --muted: #aeb4c8;
    --accent: #d92fff;
    --accent-2: #7c3bff;
    --accent-3: #23f4ff;
    --success: #17d998;
    --warning: #ffbd3e;
    --danger: #ff3f62;
    --radius-xl: 22px;
    --radius-lg: 18px;
    --radius-md: 14px;
    --shadow: 0 22px 70px rgba(0,0,0,.45), 0 0 46px rgba(159,59,255,.08);
}
html { background: #05070d; }
body {
    background:
        radial-gradient(circle at 18% 4%, rgba(217,47,255,.16), transparent 28%),
        radial-gradient(circle at 88% 9%, rgba(35,244,255,.08), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(124,59,255,.10), transparent 38%),
        linear-gradient(180deg, #05070d 0%, #070914 44%, #05070d 100%) !important;
}
.video-overlay {
    background:
        linear-gradient(180deg, rgba(5,7,13,.12), rgba(5,7,13,.82)),
        linear-gradient(90deg, rgba(217,47,255,.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(35,244,255,.025) 1px, transparent 1px) !important;
    background-size: auto, 64px 64px, 64px 64px !important;
    opacity: .9;
}
.page-shell { width: min(1280px, calc(100% - 32px)); }
.main-shell { padding-top: 18px; }
.site-header {
    position: sticky;
    top: 0;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    background: rgba(5, 7, 13, .78) !important;
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 48px rgba(0,0,0,.26);
}
.header-shell {
    min-height: 82px;
    gap: 18px;
}
.logo-brand { flex: 0 0 auto; }
.brand-logo { width: 178px; height: auto; object-fit: contain; display: block; }
.footer-logo { width: 178px; height: auto; object-fit: contain; display: block; }
.header-search {
    position: relative;
    flex: 1 1 520px;
    max-width: 560px;
    min-width: 220px;
    display: flex;
    align-items: center;
    gap: 9px;
    height: 44px;
    padding: 0 15px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 13px;
    background: rgba(0,0,0,.26);
    color: rgba(255,255,255,.82);
    box-shadow: inset 0 0 0 1px rgba(159,59,255,.04);
}
.header-search:focus-within {
    border-color: rgba(217,47,255,.55);
    box-shadow: 0 0 0 4px rgba(217,47,255,.09), inset 0 0 0 1px rgba(35,244,255,.06);
}
.header-search-icon { display: inline-flex; color: rgba(255,255,255,.78); }
.header-search input {
    width: 100%;
    height: 100%;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.header-search input::placeholder { color: rgba(204,209,226,.62); }
.header-search-results {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 10px);
    display: none;
    max-height: min(420px, 64vh);
    overflow: auto;
    padding: 10px;
    border: 1px solid rgba(217,47,255,.24);
    border-radius: 18px;
    background: rgba(8,10,18,.98);
    box-shadow: 0 24px 60px rgba(0,0,0,.55), 0 0 28px rgba(217,47,255,.12);
    z-index: 1300;
}
.header-search-results.open { display: grid; gap: 8px; }
.header-actions { gap: 10px; }
.icon-action {
    width: 44px;
    height: 44px;
    border-radius: 13px !important;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.045) !important;
    color: #f7f5ff;
    box-shadow: inset 0 0 0 1px rgba(159,59,255,.04);
}
.icon-action:hover { border-color: rgba(217,47,255,.38); box-shadow: 0 12px 28px rgba(217,47,255,.14); }
.icon-action::after, .favorite-action::after, .cart-action::after { display: none !important; }
.cart-badge {
    right: -5px;
    top: -7px;
    min-width: 20px;
    height: 20px;
    border: 2px solid #05070d;
    background: linear-gradient(135deg, #ff38d3, #d92fff);
    box-shadow: 0 0 14px rgba(255,56,211,.48);
}
.login-link {
    min-height: 44px;
    border-radius: 13px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05) !important;
    box-shadow: none !important;
    padding: 0 16px;
}
.login-link:hover { background: rgba(217,47,255,.14) !important; border-color: rgba(217,47,255,.44); }
.primary-btn, .buy-btn, .search-box button[type="submit"] {
    border-radius: 12px !important;
    background: linear-gradient(180deg, #d92fff 0%, #8b2eff 100%) !important;
    box-shadow: 0 12px 28px rgba(159,59,255,.28), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.ghost-btn, .trailer-btn, .tab-btn, .category-chip {
    border-radius: 12px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #f6f3ff;
    box-shadow: none;
}
.primary-btn:hover, .buy-btn:hover, .ghost-btn:hover, .trailer-btn:hover, .tab-btn:hover, .category-chip:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    box-shadow: 0 16px 34px rgba(159,59,255,.22) !important;
}
.buy-btn.added {
    background: rgba(255,255,255,.07) !important;
    color: #d4d9eb;
    border: 1px solid rgba(255,255,255,.15);
    box-shadow: none !important;
}
.category-bar {
    justify-content: center;
    gap: 9px;
    margin: 12px 0 14px;
    padding-bottom: 0;
    scrollbar-width: none;
}
.category-bar::-webkit-scrollbar { display: none; }
.category-chip {
    min-height: 38px;
    padding: 0 18px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .02em;
}
.category-chip.active {
    background: linear-gradient(180deg, rgba(217,47,255,.30), rgba(124,59,255,.22)) !important;
    border-color: rgba(217,47,255,.45) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 0 18px rgba(217,47,255,.14);
}
.home-showcase {
    position: relative;
    min-height: 300px;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(360px, 1.1fr);
    align-items: center;
    gap: 16px;
    margin: 10px 0 28px;
    padding: clamp(28px, 4vw, 56px);
    border: 1px solid rgba(217,47,255,.32);
    border-radius: 22px;
    overflow: hidden;
    background:
        radial-gradient(circle at 76% 36%, rgba(217,47,255,.34), transparent 30%),
        radial-gradient(circle at 90% 52%, rgba(35,244,255,.14), transparent 26%),
        linear-gradient(100deg, rgba(10,11,22,.96), rgba(19,11,34,.86) 54%, rgba(7,10,18,.96));
    box-shadow: var(--shadow), inset 0 0 0 1px rgba(255,255,255,.04);
}
.home-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.28), transparent 48%, rgba(0,0,0,.08)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 82px);
    pointer-events: none;
}
.home-showcase-copy { position: relative; z-index: 2; }
.home-showcase-copy h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(34px, 5vw, 62px);
    line-height: .94;
    text-transform: uppercase;
    letter-spacing: -.035em;
    text-shadow: 0 0 28px rgba(217,47,255,.16);
}
.home-showcase-copy p {
    max-width: 420px;
    margin: 18px 0 24px;
    color: #c7ccdc;
    font-weight: 750;
    line-height: 1.45;
}
.hero-cta { min-height: 50px; padding: 0 24px; }
.home-showcase-art { position: relative; z-index: 1; justify-self: end; width: min(540px, 100%); opacity: .9; filter: drop-shadow(0 0 28px rgba(217,47,255,.32)); }
.home-showcase-art img { width: 100%; height: auto; transform: scale(1.35); transform-origin: 75% 52%; }
.hero-arrow {
    position: absolute;
    top: 50%; transform: translateY(-50%);
    width: 34px; height: 58px;
    border: 0; background: transparent; color: rgba(255,255,255,.78);
    font-size: 48px; cursor: pointer; z-index: 3;
}
.hero-arrow-left { left: 8px; }
.hero-arrow-right { right: 8px; }
.hero-dots { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); display: flex; gap: 7px; }
.hero-dots span { width: 7px; height: 7px; border-radius: 999px; background: rgba(255,255,255,.34); }
.hero-dots .active { width: 22px; background: #d92fff; box-shadow: 0 0 16px rgba(217,47,255,.8); }
.compact-catalog-head { margin: 0 0 14px; }
.compact-catalog-head h1, .section-title {
    font-size: clamp(24px, 2.2vw, 32px) !important;
    text-transform: uppercase;
    letter-spacing: -.02em;
}
.products-grid { gap: 16px; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.product-card {
    padding: 9px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.13);
    background: linear-gradient(180deg, rgba(16,19,29,.96), rgba(8,11,18,.98)) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.28);
}
.product-card:hover { border-color: rgba(217,47,255,.55); transform: translateY(-5px); }
.product-cover { aspect-ratio: 3 / 4 !important; border-radius: 13px; }
.product-title { margin: 10px 3px 8px; min-height: 42px; font-size: 15px; line-height: 1.25; }
.price-line { margin: 0 3px 3px; }
.current-price { margin: 0 3px 10px; font-size: 22px; }
.discount-badge {
    border-radius: 8px;
    background: linear-gradient(180deg, #ff3f62, #d82242);
    color: #fff;
    box-shadow: 0 8px 16px rgba(255,63,98,.18);
}
.old-price { color: #8b91a6; }
.product-actions-single .buy-btn { min-height: 42px; }
.game-page-panel, .cart-panel, .profile-panel, .legal-panel {
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg, rgba(9,12,20,.94), rgba(6,9,16,.98)) !important;
    box-shadow: var(--shadow);
}
.game-breadcrumbs {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 18px; color: rgba(199,204,220,.72); font-weight: 800; font-size: 13px;
}
.game-breadcrumbs a { text-decoration: none; color: rgba(199,204,220,.85); }
.game-hero.game-hero-compact {
    grid-template-columns: minmax(260px, 390px) minmax(0, 1fr) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.game-hero-compact .game-main-cover {
    max-width: 390px !important;
    border-radius: 17px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 22px 44px rgba(0,0,0,.36), 0 0 28px rgba(217,47,255,.10);
    background: #0d111c;
}
.game-info h1 { font-size: clamp(34px, 4vw, 48px) !important; }
.game-short { max-width: 620px !important; color: #c9cfdf !important; font-size: 16px !important; }
.game-actions { align-items: center; }
.game-actions .buy-btn { min-width: 260px !important; min-height: 56px !important; font-size: 15px; text-transform: uppercase; }
.trailer-btn { min-height: 50px; padding: 0 20px; text-transform: uppercase; font-weight: 900; }
.media-section, .tabs-section, .meta-section { margin-top: 28px; }
.media-slider {
    gap: 12px;
    padding-bottom: 0;
    scrollbar-width: none;
}
.media-slider::-webkit-scrollbar { display: none; }
.media-slide { min-width: 260px; height: 128px; border-radius: 14px; border-color: rgba(255,255,255,.13); }
.media-slide img, .media-slide video { object-fit: cover !important; }
.tabs { gap: 8px; }
.tab-btn.active { background: linear-gradient(180deg, rgba(217,47,255,.30), rgba(124,59,255,.24)) !important; border-color: rgba(217,47,255,.50) !important; }
.tab-content { border-radius: 0 16px 16px 16px; background: rgba(255,255,255,.045) !important; }
.meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
}
.meta-card { border: 0; border-radius: 0; background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.07); }
.meta-card:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.07); }
.cart-panel .catalog-head { margin: 0 0 18px; }
.cart-layout { grid-template-columns: minmax(0, 1fr) 340px; }
.cart-list { gap: 12px; }
.cart-item {
    grid-template-columns: 78px minmax(0, 1fr) auto;
    padding: 12px;
    border-radius: 13px;
    background: rgba(255,255,255,.035);
}
.cart-item img { width: 78px; height: 78px; border-radius: 10px; }
.cart-item-title { font-size: 16px; }
.cart-actions .danger-btn { min-height: 38px; border-radius: 10px; color: #fff; font-size: 0; width: 38px; padding: 0; background: transparent; }
.cart-actions .danger-btn::before { content: "×"; font-size: 22px; }
.summary-card { border-radius: 16px; background: rgba(13,16,25,.96); }
.payment-login-btn { width: auto !important; margin-top: 14px; }
.profile-grid { grid-template-columns: 240px minmax(0, 1fr); }
.profile-card, .orders-card { border-radius: 16px; background: rgba(255,255,255,.035); }
.order-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; border-radius: 12px; }
.site-footer {
    margin-top: 26px;
    border-top: 1px solid rgba(255,255,255,.08);
    background: rgba(5,7,13,.78) !important;
}
.footer-shell-v16 {
    grid-template-columns: 1.4fr repeat(3, minmax(120px, .7fr)) minmax(150px, .7fr) !important;
    align-items: start;
    gap: 28px;
    padding: 28px 0;
}
.footer-brand-block p { color: var(--muted); margin: 8px 0; font-weight: 800; }
.footer-brand-block small { color: rgba(174,180,200,.72); }
.footer-column, .footer-social { display: grid; gap: 8px; }
.footer-column b, .footer-social b { text-transform: uppercase; font-size: 12px; color: #fff; letter-spacing: .08em; }
.footer-column a { color: #aeb4c8; text-decoration: none; font-weight: 800; font-size: 13px; }
.footer-column a:hover { color: #fff; }
.social-icons { display: flex; gap: 8px; flex-wrap: wrap; }
.social-icons span { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; background: rgba(217,47,255,.15); color: #e7d6ff; font-size: 11px; font-weight: 900; }
.search-panel { background: rgba(2,3,8,.72); }
.modal-card { border-color: rgba(217,47,255,.28); border-radius: 20px; }
.auth-tabs { border-radius: 14px; }
.auth-tab.active { background: linear-gradient(180deg, rgba(217,47,255,.30), rgba(124,59,255,.22)); box-shadow: inset 0 -2px 0 #d92fff; }
.trailer-frame video, .trailer-player-video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.admin-page { background: #05070d !important; }
.admin-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 0; min-height: calc(100vh - 40px); margin-top: 20px; margin-bottom: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; overflow: hidden; background: linear-gradient(180deg, rgba(8,11,18,.96), rgba(5,7,13,.98)); box-shadow: var(--shadow); }
.admin-sidebar { padding: 22px 16px; border-right: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.025); }
.admin-logo img { width: 150px; height: auto; display: block; margin-bottom: 24px; }
.admin-sidebar-label { margin-bottom: 12px; color: #7f879d; text-transform: uppercase; font-size: 12px; font-weight: 900; }
.admin-nav { display: grid; gap: 7px; }
.admin-nav a { min-height: 42px; display: flex; align-items: center; padding: 0 13px; border-radius: 11px; color: #dfe3f5; text-decoration: none; font-weight: 900; }
.admin-nav a:hover, .admin-nav a:first-child { background: linear-gradient(90deg, rgba(217,47,255,.26), rgba(124,59,255,.12)); color: #fff; }
.admin-content { padding: 28px; min-width: 0; }
.admin-content h1 { margin-top: 0; text-transform: uppercase; letter-spacing: -.02em; }
.admin-table-wrap { border-radius: 16px; border: 1px solid rgba(255,255,255,.09); background: rgba(0,0,0,.14); }
.admin-status { border-radius: 9px !important; }
.admin-filter-form input, .admin-filter-form select, .admin-form input, .admin-form textarea, .admin-form select { border-radius: 11px !important; background: rgba(0,0,0,.22) !important; }
@media (max-width: 1080px) {
    .products-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .header-search { max-width: none; }
    .footer-shell-v16 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 860px) {
    .header-shell { flex-wrap: wrap; padding: 10px 0; }
    .header-search { order: 3; flex-basis: 100%; }
    .brand-logo { width: 140px; }
    .home-showcase { grid-template-columns: 1fr; min-height: 260px; }
    .home-showcase-art { position: absolute; right: -34px; bottom: -12px; width: 320px; opacity: .34; }
    .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .game-hero.game-hero-compact { grid-template-columns: 1fr !important; }
    .game-hero-compact .game-main-cover { max-width: 320px !important; justify-self: center; }
    .cart-layout, .profile-grid, .admin-layout { grid-template-columns: 1fr; }
    .admin-sidebar { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
    .admin-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .meta-grid { grid-template-columns: 1fr; }
    .meta-card:nth-child(odd) { border-right: 0; }
}
@media (max-width: 520px) {
    .page-shell { width: min(100%, calc(100% - 18px)); }
    .header-actions { gap: 6px; }
    .icon-action { width: 40px; height: 40px; }
    .login-link { min-height: 40px; padding: 0 12px; }
    .category-bar { justify-content: flex-start; overflow-x: auto; }
    .home-showcase { padding: 22px; border-radius: 18px; }
    .home-showcase-copy h1 { font-size: 32px; }
    .products-grid { gap: 10px; }
    .product-card { padding: 7px; }
    .product-title { font-size: 13px; }
    .current-price { font-size: 18px; }
    .buy-btn { min-height: 40px; font-size: 12px; }
    .footer-shell-v16 { grid-template-columns: 1fr !important; }
    .cart-item { grid-template-columns: 70px minmax(0, 1fr) auto; }
    .cart-item img { width: 70px; height: 70px; }
    .admin-content { padding: 18px; }
}
@media (min-width: 861px) { #openSearch { display: none !important; } }

/* ===== Scorpion Shop v18 — правки поверх redesign_v16 ===== */
:root {
    --v18-green: #10d577;
    --v18-green-dark: #079b57;
    --v18-red: #ff3d57;
}

/* home-showcase: 3 заменяемых слайда */
.home-showcase[data-hero-slider] {
    display: block !important;
    min-height: 320px;
    padding: 0 !important;
}
.home-slides,
.home-slide {
    position: absolute;
    inset: 0;
}
.home-slides { z-index: 1; }
.home-slide {
    opacity: 0;
    pointer-events: none;
    transition: opacity .48s ease, transform .65s cubic-bezier(.2,.85,.2,1);
    transform: scale(1.012);
}
.home-slide.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}
.home-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.home-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(6,7,14,.94), rgba(6,7,14,.68) 42%, rgba(6,7,14,.18) 100%);
}
.home-slide .home-showcase-copy {
    position: absolute;
    left: clamp(28px, 5vw, 70px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    max-width: 520px;
}
.hero-dots button {
    width: 7px;
    height: 7px;
    border: 0;
    padding: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.34);
    cursor: pointer;
    transition: width .25s ease, background .25s ease, box-shadow .25s ease;
}
.hero-dots button.active {
    width: 22px;
    background: #d92fff;
    box-shadow: 0 0 16px rgba(217,47,255,.8);
}

/* added-button behavior */
.buy-btn.added,
.buy-btn.added:not(:hover) {
    background: linear-gradient(180deg, var(--v18-green), var(--v18-green-dark)) !important;
    border-color: rgba(16,213,119,.55) !important;
    color: #041008 !important;
    box-shadow: 0 12px 28px rgba(16,213,119,.22), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.buy-btn.added:hover {
    background: linear-gradient(180deg, #ff5d70, var(--v18-red)) !important;
    border-color: rgba(255,61,87,.68) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(255,61,87,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.product-title { margin-bottom: 4px !important; min-height: 34px !important; }
.product-title + .price-line,
.product-card .price-line { margin-top: 0 !important; }

/* footer simplified */
.footer-shell-v16 {
    grid-template-columns: minmax(220px, 1.4fr) minmax(180px, .8fr) minmax(140px, .55fr) !important;
}
.social-icons { align-items: center; }
.social-icons a {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(217,47,255,.15);
    color: #e7d6ff;
    border: 1px solid rgba(255,255,255,.09);
    transition: transform .26s ease, background .26s ease, border-color .26s ease, box-shadow .26s ease;
}
.social-icons a:hover {
    transform: translateY(-2px);
    background: rgba(217,47,255,.26);
    border-color: rgba(217,47,255,.46);
    box-shadow: 0 12px 24px rgba(217,47,255,.16);
}

/* no white stripe on logout/admin ghost actions */
.logout-profile-btn::before,
.logout-profile-btn::after,
.logout-profile-btn:hover::before,
.logout-profile-btn:hover::after,
.admin-edit-btn::before,
.admin-edit-btn::after,
.ghost-btn::after,
.ghost-btn:hover::after {
    content: none !important;
    display: none !important;
}

/* cart row fix */
.cart-item {
    column-gap: 14px !important;
    align-items: center !important;
}
.cart-item-cover { min-width: 78px; }
.cart-item-info {
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
}
.cart-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* profile fixed sidebar height + compact orders */
.profile-grid { align-items: start !important; }
.profile-card {
    align-self: start !important;
    height: max-content !important;
    position: sticky;
    top: 96px;
}
.orders-card { min-width: 0; }
.order-row-v18 {
    display: grid !important;
    grid-template-columns: minmax(140px, .8fr) minmax(120px, 1fr) auto auto !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 12px !important;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
}
.order-main { display: grid; gap: 3px; min-width: 0; }
.order-main b { color: #fff; font-size: 16px; }
.order-main span { color: var(--muted); font-size: 12px; font-weight: 800; }
.order-items-preview { display: flex; align-items: center; gap: 6px; min-width: 0; }
.order-items-preview a,
.order-more {
    flex: 0 0 auto;
    width: 42px;
    height: 54px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.05);
}
.order-items-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.order-more { display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 900; }
.order-sum { color: #fff; font-size: 17px; font-weight: 950; white-space: nowrap; }
.order-actions { display: inline-flex; align-items: center; gap: 8px; justify-content: flex-end; }
.order-actions .compact-btn { min-height: 34px; padding: 0 12px; border-radius: 10px; }

/* search results */
.search-result-item { list-style: none !important; }
.search-result-item::before { content: none !important; }
.search-result-item small {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
}
.search-result-item .discount-badge {
    display: inline-flex;
    min-height: 21px;
    padding: 0 7px;
    align-items: center;
    font-size: 11px;
}
.search-price { color: #dfe3f5; font-weight: 900; }

/* admin login no sidebar */
.admin-login-layout {
    min-height: calc(100vh - 40px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.admin-login-content {
    width: min(520px, 100%);
    padding: 28px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg, rgba(14,17,28,.96), rgba(7,9,16,.98));
    box-shadow: var(--shadow);
}

/* admin nav active */
.admin-nav a:first-child { background: transparent !important; color: #dfe3f5 !important; }
.admin-nav a:hover,
.admin-nav a.active {
    background: linear-gradient(90deg, rgba(217,47,255,.30), rgba(124,59,255,.14)) !important;
    color: #fff !important;
}

/* admin products table */
.admin-game-cell {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.admin-game-cell img {
    width: 48px;
    height: 64px;
    flex: 0 0 auto;
    object-fit: cover;
    border-radius: 9px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
}
.admin-game-cell div { min-width: 0; display: grid; gap: 4px; }
.admin-game-cell b { color: #fff; line-height: 1.25; }
.admin-game-cell small {
    color: #848da4;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
}
.game-status,
.admin-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 950;
}
.game-status.active,
.admin-status.status-paid {
    background: rgba(16,213,119,.13);
    color: #52ffad;
    border: 1px solid rgba(16,213,119,.28);
}
.game-status.inactive,
.admin-status.status-failed,
.admin-status.status-cancelled {
    background: rgba(255,61,87,.12);
    color: #ff7b8b;
    border: 1px solid rgba(255,61,87,.28);
}
.admin-status.status-pending {
    background: rgba(255,204,77,.12);
    color: #ffd36a;
    border: 1px solid rgba(255,204,77,.28);
}
.admin-edit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid rgba(217,47,255,.32);
    background: rgba(217,47,255,.10);
    color: #f3dcff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 950;
    transition: transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease;
    overflow: hidden;
}
.admin-edit-btn:hover {
    transform: translateY(-1px);
    background: rgba(217,47,255,.20);
    border-color: rgba(217,47,255,.55);
    box-shadow: 0 10px 20px rgba(217,47,255,.14);
}
.admin-row-actions { flex-wrap: nowrap !important; }
.admin-delete-btn { min-height: 34px !important; padding: 0 12px !important; border-radius: 10px !important; font-size: 12px !important; }

/* nicer date input */
input[type="date"] {
    color: #f4f6ff !important;
    color-scheme: dark;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 11px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(1.4);
    opacity: .85;
    cursor: pointer;
}

/* media sizes restored from stage2_3_fix15 */
.media-slider {
    gap: 16px !important;
    padding: 4px 4px 14px !important;
    scroll-snap-type: x proximity !important;
}
.media-slide {
    flex: 0 0 min(560px, 82vw) !important;
    width: auto !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 24px !important;
    scroll-snap-align: start !important;
}
.media-slide img,
.media-slide video { object-fit: cover !important; }

/* mobile: remove header search */
@media (max-width: 860px) {
    .site-header .header-search { display: none !important; }
    .profile-card { position: static; }
    .order-row-v18 { grid-template-columns: 1fr !important; }
    .order-actions { justify-content: flex-start; }
}
@media (max-width: 520px) {
    .home-showcase[data-hero-slider] { min-height: 260px; }
    .home-slide .home-showcase-copy { left: 22px; right: 22px; }
    .footer-shell-v16 { grid-template-columns: 1fr !important; }
    .cart-item { grid-template-columns: 70px minmax(0, 1fr) 38px !important; }
    .cart-item-cover { min-width: 70px; }
}

/* ===== Scorpion Shop v19 — точечные правки корзины/профиля/поиска/футера ===== */
.cart-list {
    min-width: 0;
}
.cart-item {
    grid-template-columns: 112px minmax(0, 1fr) 44px !important;
    gap: 18px !important;
    align-items: center !important;
    overflow: hidden !important;
    position: relative !important;
}
.cart-item-cover {
    width: 112px !important;
    min-width: 112px !important;
    height: 132px !important;
    border-radius: 14px !important;
    position: relative !important;
    z-index: 1 !important;
}
.cart-item-cover img,
.cart-item > a.cart-item-cover > img,
.cart-item img {
    width: 112px !important;
    height: 132px !important;
    max-width: 112px !important;
    min-width: 112px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    display: block !important;
}
.cart-item-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 2 !important;
    padding: 0 !important;
}
.cart-item-title {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}
.cart-price-stack {
    display: grid !important;
    gap: 3px !important;
}
.cart-price-stack .current-price,
.cart-item-info .current-price {
    margin: 0 !important;
}
.cart-actions {
    justify-self: end !important;
    align-self: center !important;
    position: relative !important;
    z-index: 3 !important;
}

.footer-shell-v16 {
    grid-template-columns: minmax(260px, 1fr) minmax(240px, .7fr) minmax(150px, .45fr) !important;
}
.footer-column {
    position: relative;
    padding: 16px 18px 16px 22px;
    border: 1px solid rgba(217,47,255,.18);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(217,47,255,.11), rgba(35,244,255,.035));
    transform: skewX(-7deg);
    overflow: hidden;
}
.footer-column::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #d92fff, #23f4ff);
    box-shadow: 0 0 18px rgba(217,47,255,.45);
}
.footer-column > * {
    transform: skewX(7deg);
}
.footer-column a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
}
.footer-column a::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d92fff;
    box-shadow: 0 0 10px rgba(217,47,255,.75);
    flex: 0 0 auto;
}

.profile-card {
    position: static !important;
    top: auto !important;
    align-self: start !important;
    height: auto !important;
    max-height: none !important;
}
.profile-card .muted,
.profile-card b {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
.profile-form label {
    min-width: 0 !important;
}
.profile-form input {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.order-row-v18 {
    grid-template-columns: minmax(136px, .75fr) minmax(132px, 1fr) auto auto !important;
}
.order-main span {
    white-space: nowrap;
}

.header-search-results .search-result-item small,
.search-results .search-result-item small {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.header-search-results .discount-badge,
.search-results .discount-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ff3d57, #d91f45) !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 18px rgba(255,45,63,.22) !important;
}
.search-result-item { list-style: none !important; }
.search-result-item::marker { content: "" !important; }

.buy-btn.added,
.buy-btn.added:not(:hover) {
    background: linear-gradient(180deg, #20df86, #0fa95f) !important;
    border-color: rgba(32,223,134,.66) !important;
    color: #04120a !important;
}
.buy-btn.added:hover {
    background: linear-gradient(180deg, #ff596f, #d91f45) !important;
    border-color: rgba(255,89,111,.72) !important;
    color: #fff !important;
}

@media (max-width: 860px) {
    .cart-item {
        grid-template-columns: 86px minmax(0, 1fr) 38px !important;
        gap: 12px !important;
    }
    .cart-item-cover,
    .cart-item-cover img,
    .cart-item > a.cart-item-cover > img,
    .cart-item img {
        width: 86px !important;
        min-width: 86px !important;
        max-width: 86px !important;
        height: 104px !important;
        border-radius: 12px !important;
    }
    .footer-column,
    .footer-column > * {
        transform: none !important;
    }
    .order-row-v18 {
        grid-template-columns: 1fr !important;
    }
    .order-main span {
        white-space: normal;
    }
}

@media (max-width: 520px) {
    .cart-item {
        grid-template-columns: 76px minmax(0, 1fr) 34px !important;
        gap: 10px !important;
    }
    .cart-item-cover,
    .cart-item-cover img,
    .cart-item > a.cart-item-cover > img,
    .cart-item img {
        width: 76px !important;
        min-width: 76px !important;
        max-width: 76px !important;
        height: 94px !important;
        border-radius: 11px !important;
    }
    .cart-item-title { font-size: 14px !important; }
    .cart-price-stack .current-price { font-size: 18px !important; }
}

/* ===== Scorpion Shop v20 — UI cleanup after v19 ===== */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}
*, *::before, *::after { box-sizing: border-box; }
.page-shell,
.site-header,
.site-footer,
.header-shell,
.footer-shell-v16,
.cart-panel,
.profile-panel,
.game-page-panel,
.products-grid {
    max-width: 100%;
}

/* compact product cards: reduce gap between title and price */
.product-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.product-title {
    min-height: 0 !important;
    margin: 8px 3px 3px !important;
    line-height: 1.18 !important;
}
.product-card .price-line {
    margin: 2px 3px 2px !important;
    min-height: 24px;
}
.product-card .current-price {
    margin: 0 3px 8px !important;
}
.product-actions-single {
    margin-top: auto;
}

/* old price hidden everywhere by request */
.old-price {
    display: none !important;
}

/* footer information card: straight, no diagonal skew */
.footer-column {
    transform: none !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(217,47,255,.10), rgba(35,244,255,.035)) !important;
}
.footer-column > * {
    transform: none !important;
}
.footer-column::before {
    left: 12px !important;
    top: 14px !important;
    bottom: 14px !important;
}
.footer-column b,
.footer-column a {
    margin-left: 10px;
}

/* profile should not behave like sticky/sidebar while scrolling */
.profile-card {
    position: relative !important;
    top: auto !important;
    align-self: start !important;
    height: max-content !important;
    max-height: none !important;
}

/* admin date field visibility */
.admin-filter-form input[type="date"],
.admin-form input[type="date"] {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(18,22,34,.98), rgba(8,11,18,.98)) !important;
    border: 1px solid rgba(217,47,255,.34) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 10px 22px rgba(0,0,0,.18);
    color-scheme: dark;
}
.admin-filter-form input[type="date"]::-webkit-calendar-picker-indicator,
.admin-form input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1 !important;
    filter: invert(1) brightness(2.2) contrast(1.2) drop-shadow(0 0 4px rgba(217,47,255,.55)) !important;
}

/* admin game edit redesign */
.admin-edit-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}
.admin-edit-head h1 {
    margin: 8px 0 6px !important;
}
.admin-edit-head p {
    margin: 0;
    max-width: 680px;
    color: #aeb4c8;
    font-weight: 800;
    line-height: 1.45;
}
.admin-back-link {
    color: #dcd2ff;
    text-decoration: none;
    font-weight: 950;
    font-size: 13px;
}
.admin-back-link:hover { color: #fff; }
.admin-save-top { min-height: 40px; padding: 0 16px; }
.admin-game-form {
    display: grid !important;
    gap: 18px !important;
}
.admin-form-card {
    padding: 20px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.10);
    background:
        radial-gradient(circle at 0 0, rgba(217,47,255,.14), transparent 34%),
        linear-gradient(180deg, rgba(17,20,31,.96), rgba(8,11,18,.98));
    box-shadow: 0 20px 40px rgba(0,0,0,.20);
}
.admin-form-card-main {
    border-color: rgba(217,47,255,.22);
}
.admin-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.admin-section-title > span {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(217,47,255,.30), rgba(124,59,255,.18));
    border: 1px solid rgba(217,47,255,.36);
    color: #fff;
    font-weight: 950;
    box-shadow: 0 10px 24px rgba(217,47,255,.12);
}
.admin-section-title b {
    display: block;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: 14px;
}
.admin-section-title small {
    display: block;
    margin-top: 2px;
    color: #8d95aa;
    font-weight: 800;
}
.admin-form-grid {
    display: grid;
    gap: 14px;
}
.admin-form-grid.one { grid-template-columns: 1fr; }
.admin-form-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-form-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-upload-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.admin-game-form label {
    min-width: 0;
}
.admin-game-form input,
.admin-game-form textarea,
.admin-game-form select {
    width: 100%;
}
.admin-visibility-check {
    min-height: 44px;
    align-self: end;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
    background: rgba(255,255,255,.035);
}
.admin-preview-grid {
    margin-top: 16px;
}
.admin-media-section {
    margin-top: 16px;
    display: grid;
    gap: 12px;
}
.admin-upload-warning {
    display: none !important;
}

@media (max-width: 980px) {
    .admin-form-grid.two,
    .admin-form-grid.three,
    .admin-upload-grid {
        grid-template-columns: 1fr;
    }
    .admin-edit-head {
        flex-direction: column;
    }
    .admin-save-top {
        width: 100%;
    }
}

@media (max-width: 860px) {
    .footer-shell-v16,
    .profile-grid,
    .cart-layout,
    .game-hero.game-hero-compact {
        max-width: 100vw;
    }
    .products-grid {
        width: 100%;
        overflow: visible;
    }
    .footer-column {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 520px) {
    .product-card .price-line {
        min-height: 22px;
    }
    .product-title {
        font-size: 13px !important;
    }
    .footer-column b,
    .footer-column a {
        margin-left: 8px;
    }
}


/* ===== Scorpion Shop v21 — mobile footer, clean URLs polish, profile password UX ===== */
html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}
.site-footer {
    overflow: hidden !important;
}
.footer-shell-v16 {
    min-width: 0 !important;
    overflow: hidden !important;
}
.footer-brand-block,
.footer-column,
.footer-social {
    min-width: 0 !important;
    max-width: 100% !important;
}
.footer-column {
    width: 100% !important;
    transform: none !important;
    overflow: hidden !important;
}
.footer-column > * {
    transform: none !important;
}
.footer-column a {
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
.footer-column b {
    max-width: 100% !important;
    white-space: normal !important;
}
.profile-action svg {
    display: block;
}
.password-match-status {
    min-height: 22px;
    margin-top: -4px;
    color: #aeb4c8;
    font-size: 13px;
    font-weight: 850;
}
.password-match-status.ok {
    color: #20df86;
}
.password-match-status.error {
    color: #ff5c78;
}
.profile-card {
    position: static !important;
    top: auto !important;
    align-self: start !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
}
.profile-card .muted,
.profile-card b {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
.product-card .price-line,
.game-info .price-line,
.cart-price-stack .price-line {
    gap: 8px !important;
}
.old-price {
    display: none !important;
}
.admin-edit-head p,
.admin-section-title small,
.form-hint {
    max-width: 100%;
}

@media (max-width: 860px) {
    body {
        overflow-x: hidden !important;
    }
    .page-shell {
        width: min(100%, calc(100vw - 24px)) !important;
    }
    .footer-shell-v16 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        width: min(100%, calc(100vw - 24px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .footer-brand-block,
    .footer-column,
    .footer-social {
        width: 100% !important;
        max-width: 100% !important;
    }
    .footer-column {
        padding: 16px 16px 16px 20px !important;
    }
    .footer-column a,
    .footer-column b {
        margin-left: 8px !important;
    }
}

@media (max-width: 520px) {
    .page-shell {
        width: min(100%, calc(100vw - 20px)) !important;
    }
    .footer-shell-v16 {
        width: min(100%, calc(100vw - 20px)) !important;
    }
    .footer-logo {
        max-width: 210px !important;
    }
    .footer-brand-block p,
    .footer-brand-block small,
    .footer-column a,
    .footer-column b {
        font-size: 13px !important;
        letter-spacing: normal !important;
    }
    .footer-column {
        border-radius: 16px !important;
    }
}

/* v22: кнопка наверх */
.back-to-top {
    position: fixed;
    right: max(18px, env(safe-area-inset-right));
    bottom: calc(22px + env(safe-area-inset-bottom));
    width: 52px;
    height: 52px;
    border: 1px solid rgba(214, 48, 255, .55);
    border-radius: 18px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, rgba(226, 40, 255, .92), rgba(105, 52, 255, .92));
    box-shadow: 0 18px 46px rgba(160, 51, 255, .34), inset 0 0 0 1px rgba(255,255,255,.12);
    z-index: 80;
    opacity: 0;
    pointer-events: none;
    transform: translateY(16px) scale(.94);
    transition: opacity .22s ease, transform .22s ease, box-shadow .22s ease;
    cursor: pointer;
}
.back-to-top.visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}
.back-to-top:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 22px 56px rgba(160, 51, 255, .46), 0 0 0 5px rgba(218, 61, 255, .12);
}
.back-to-top:active { transform: translateY(0) scale(.98); }
@media (max-width: 760px) {
    .back-to-top {
        right: 14px;
        bottom: calc(76px + env(safe-area-inset-bottom));
        width: 46px;
        height: 46px;
        border-radius: 16px;
    }
}

/* Stage 3: orders / receipts polish */
.admin-page-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.admin-subtitle {
    margin: 4px 0 0;
    color: #929bb0;
    font-weight: 750;
    line-height: 1.45;
}
.admin-orders-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1080px;
}
.admin-orders-table th,
.admin-orders-table td {
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    vertical-align: top;
}
.admin-orders-table th {
    color: #9ca5ba;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-bottom-color: rgba(255,255,255,.13);
}
.admin-email-cell {
    max-width: 230px;
    overflow-wrap: anywhere;
    color: #dfe4f5;
    font-weight: 800;
}
.admin-cell-note {
    display: block;
    margin-top: 6px;
    color: #8f98ae;
    font-size: 12px;
    line-height: 1.35;
    max-width: 260px;
    overflow-wrap: anywhere;
}
.receipt-cell {
    min-width: 230px;
}
.receipt-pill {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    margin: 0 6px 6px 0;
    border: 1px solid rgba(255,255,255,.12);
}
.receipt-ok,
.receipt-mail {
    background: rgba(56,211,159,.10);
    border-color: rgba(56,211,159,.28);
    color: #bfffe6;
}
.receipt-warn {
    background: rgba(255,204,77,.10);
    border-color: rgba(255,204,77,.28);
    color: #ffe4a4;
}
.receipt-bad {
    background: rgba(255,92,99,.10);
    border-color: rgba(255,92,99,.30);
    color: #ffd0d6;
}
.admin-order-actions {
    min-width: 190px;
    text-align: right;
}
.admin-order-actions form {
    display: inline-flex;
    margin: 0 0 6px 6px !important;
}
.admin-order-actions .compact-btn {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
}
@media (max-width: 760px) {
    .admin-page-head {
        display: grid;
    }
    .admin-orders-table {
        min-width: 980px;
    }
}


/* stage 3 test payment waiting page */
.payment-wait-panel {
    min-height: 58vh;
    display: grid;
    place-items: center;
    padding: 34px 0 70px;
}
.payment-wait-card {
    width: min(760px, 100%);
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(145deg, rgba(16,18,30,.96), rgba(5,7,15,.96));
    border-radius: 30px;
    padding: clamp(26px, 4vw, 44px);
    box-shadow: 0 30px 90px rgba(0,0,0,.38), 0 0 55px rgba(181,44,255,.14);
    text-align: center;
}
.payment-state-icon {
    width: 84px;
    height: 84px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 42px;
    font-weight: 900;
    background: linear-gradient(135deg, #9a2cff, #e42dff);
    box-shadow: 0 18px 50px rgba(181,44,255,.28);
}
.payment-wait-card:not(.is-paid):not(.is-preparing) .payment-state-icon span {
    animation: paymentPulse 1.2s infinite ease-in-out;
}
.payment-wait-card.is-preparing .payment-state-icon {
    background: rgba(163, 44, 255, .12);
    border: 1px solid rgba(207, 94, 255, .45);
    box-shadow: 0 18px 50px rgba(181, 44, 255, .18);
}
.payment-spinner {
    display: block;
    width: 42px;
    height: 42px;
    box-sizing: border-box;
    border: 4px solid rgba(255, 255, 255, .24);
    border-top-color: #ffffff;
    border-right-color: #d94cff;
    border-radius: 50%;
    animation: paymentSpin .78s linear infinite !important;
}
.payment-wait-card.is-paid .payment-state-icon {
    background: linear-gradient(135deg, #0bbf64, #24e08a);
    box-shadow: 0 18px 50px rgba(36,224,138,.25);
}
@keyframes paymentPulse { 0%,100%{ transform: translateY(-3px); opacity:.55;} 50%{ transform: translateY(4px); opacity:1;} }
@keyframes paymentSpin { to { transform: rotate(360deg); } }
.payment-wait-card h1 { margin: 0 0 12px; font-size: clamp(28px, 4vw, 46px); text-transform: uppercase; }
.payment-wait-card p { margin: 0 auto 22px; max-width: 620px; color: var(--muted); line-height: 1.55; }
.payment-wait-details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 24px 0;
}
.payment-wait-details div {
    text-align: left;
    padding: 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.09);
}
.payment-wait-details span { display:block; color: var(--muted); font-size: 13px; margin-bottom: 7px; }
.payment-wait-details b { color:#fff; font-size: 18px; }
.payment-wait-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top: 12px; }
.disabled-link { opacity:.55; pointer-events:none; filter: grayscale(.25); }
.payment-wait-note { margin-top: 18px !important; font-size: 14px; }
@media (max-width: 680px) {
    .payment-wait-details { grid-template-columns: 1fr; }
    .payment-wait-card { border-radius: 22px; }
}

/* ===== Stage 3 SMTP test ===== */
.smtp-test-layout {
    align-items: start;
}
.smtp-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}
.smtp-settings-grid > div {
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.045);
    border-radius: 18px;
    padding: 14px 16px;
    min-width: 0;
}
.smtp-settings-grid span {
    display: block;
    color: rgba(245,247,251,.58);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 6px;
}
.smtp-settings-grid b {
    display: block;
    color: #fff;
    overflow-wrap: anywhere;
}
@media (max-width: 720px) {
    .smtp-settings-grid { grid-template-columns: 1fr; }
}

/* ===== Scorpion Shop v26 — reset-password UI ===== */
.reset-success-line {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}
.reset-success-line h1 {
    margin: 0 !important;
}
.reset-success-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(32, 223, 134, .14);
    border: 1px solid rgba(32, 223, 134, .42);
    color: #20df86;
    font-size: 25px;
    font-weight: 950;
    line-height: 1;
    flex: 0 0 auto;
}


.password-field {
    position: relative;
    display: block;
    width: 100%;
}
.password-field input {
    width: 100%;
    padding-right: 54px !important;
}
.password-toggle {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    background: rgba(255,255,255,0.06);
    cursor: pointer;
    transition: .2s ease;
    z-index: 3;
}
.password-toggle svg {
    width: 20px;
    height: 20px;
    display: block;
}
.password-toggle:hover,
.password-toggle.is-visible {
    color: var(--text);
    background: rgba(159,59,255,0.22);
    box-shadow: 0 0 0 1px rgba(159,59,255,0.24);
}


/* v33 product card fixes */

@media (max-width: 640px) {
    .product-title {
        margin-top: 16px;
        min-height: 42px;
    }
    .price-line {
        min-height: 30px;
    }
    .old-price {
        font-size: 14px;
    }
}


/* ===== Scorpion Shop v34 — product card old price restore and stable spacing ===== */
.product-card .old-price {
    display: inline-flex !important;
    align-items: center;
    color: #8e94aa !important;
    text-decoration: line-through !important;
    text-decoration-thickness: 2px !important;
    font-weight: 900 !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
}
.product-card .product-title {
    margin: 16px 8px 8px !important;
    min-height: 0 !important;
    line-height: 1.22 !important;
}
.product-card .price-line {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    min-height: 30px !important;
    margin: 0 8px 5px !important;
}
.product-card .current-price {
    margin: 0 8px 12px !important;
}
@media (max-width: 640px) {
    .product-card .product-title {
        margin: 15px 8px 8px !important;
        font-size: 14px !important;
        line-height: 1.22 !important;
    }
    .product-card .price-line {
        min-height: 30px !important;
        margin: 0 8px 5px !important;
    }
    .product-card .old-price {
        font-size: 13px !important;
    }
}



/* ===== Scorpion Shop v35 — equal product card layout ===== */
.products-grid {
    align-items: stretch !important;
}
.product-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
.product-card .product-cover {
    flex: 0 0 auto !important;
}
.product-card .product-title {
    margin: 16px 8px 8px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    line-height: 1.22 !important;
}
.product-card .price-line {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    height: 30px !important;
    margin: 0 8px 5px !important;
}
.product-card .current-price {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    margin: 0 8px 12px !important;
}
.product-card .product-actions,
.product-card .product-actions-single {
    margin-top: auto !important;
}
@media (max-width: 640px) {
    .product-card .product-title {
        margin: 14px 8px 8px !important;
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
        font-size: 14px !important;
        line-height: 1.22 !important;
    }
    .product-card .price-line {
        height: 30px !important;
        min-height: 30px !important;
    }
    .product-card .current-price {
        min-height: 32px !important;
    }
}
@media (min-width: 641px) and (max-width: 980px) {
    .product-card .product-title {
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
    }
}



/* ===== Scorpion Shop v36/v37 — product title clamp: 2 строки ===== */
.product-card .product-title {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
@media (max-width: 640px) {
    .product-card .product-title {
        height: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
        -webkit-line-clamp: 2 !important;
    }
}
@media (min-width: 641px) and (max-width: 980px) {
    .product-card .product-title {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        -webkit-line-clamp: 2 !important;
    }
}


/* ===== Scorpion Shop v38 — compact 2-line product cards ===== */
.product-card {
    padding-bottom: 8px !important;
}
.product-card .product-title {
    margin: 12px 8px 4px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    -webkit-line-clamp: 2 !important;
}
.product-card .price-line {
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 8px 2px !important;
    gap: 6px !important;
}
.product-card .old-price {
    font-size: 14px !important;
    line-height: 1 !important;
}
.product-card .discount-badge {
    padding: 3px 7px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
}
.product-card .current-price {
    min-height: 28px !important;
    margin: 0 8px 6px !important;
    line-height: 1.05 !important;
}
.product-card .product-actions,
.product-card .product-actions-single {
    margin-top: 0 !important;
}
.product-actions-single .buy-btn,
.product-card .buy-btn {
    min-height: 38px !important;
}
@media (max-width: 640px) {
    .product-card {
        padding-bottom: 7px !important;
    }
    .product-card .product-title {
        margin: 10px 8px 3px !important;
        height: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
        -webkit-line-clamp: 2 !important;
    }
    .product-card .price-line {
        height: 23px !important;
        min-height: 23px !important;
        margin: 0 8px 1px !important;
        gap: 5px !important;
    }
    .product-card .old-price {
        font-size: 12px !important;
    }
    .product-card .discount-badge {
        padding: 3px 6px !important;
        font-size: 11px !important;
    }
    .product-card .current-price {
        min-height: 25px !important;
        margin: 0 8px 5px !important;
        line-height: 1.05 !important;
    }
    .product-actions-single .buy-btn,
    .product-card .buy-btn {
        min-height: 36px !important;
    }
}


/* ===== Scorpion Shop v39 — restore old prices everywhere and cart mobile controls ===== */
.game-page-panel .old-price,
.cart-panel .old-price,
.search-result-item .old-price,
.product-card .old-price {
    display: inline-flex !important;
    align-items: center !important;
    color: #8e94aa !important;
    text-decoration: line-through !important;
    text-decoration-thickness: 2px !important;
    font-weight: 900 !important;
}
.game-page-panel .price-line,
.cart-panel .price-line,
.search-result-item small {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
.search-result-item small .old-price {
    font-size: 12px !important;
}
.search-result-item small .search-price {
    font-weight: 900 !important;
    color: #ffffff !important;
}
.cart-price-stack .price-line {
    margin: 0 0 4px !important;
}
.cart-remove-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 26px !important;
    line-height: 1 !important;
}
@media (max-width: 640px) {
    .cart-item {
        grid-template-columns: 86px minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: center !important;
    }
    .cart-actions {
        grid-column: auto !important;
        justify-self: end !important;
        align-self: center !important;
    }
    .cart-remove-btn {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        font-size: 24px !important;
    }
    .cart-item-title {
        font-size: 15px !important;
        line-height: 1.18 !important;
    }
    .cart-price-stack .current-price {
        font-size: 18px !important;
    }
}


/* ===== Scorpion Shop v40 — category links, desktop search old price, cart delete icon ===== */
.category-bar a.category-chip {
    text-decoration: none !important;
}
.header-search-results .search-result-item small,
.search-panel .search-result-item small {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
.header-search-results .old-price,
.search-panel .old-price,
.search-result-item .old-price {
    display: inline-flex !important;
    align-items: center !important;
    color: #8e94aa !important;
    text-decoration: line-through !important;
    text-decoration-thickness: 2px !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}
.cart-remove-btn::after,
.cart-remove-btn::before {
    content: none !important;
    display: none !important;
}
.cart-remove-btn span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1em !important;
    height: 1em !important;
    line-height: 1 !important;
    font-size: inherit !important;
    font-weight: 900 !important;
}


/* ===== Scorpion Shop v41 — acquiring moderation legal pages ===== */
.legal-rich-panel h1,
.support-panel h1 {
    margin-top: 0;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1;
    letter-spacing: -.04em;
}
.legal-lead {
    color: #d8dced;
    font-weight: 800;
    line-height: 1.55;
    max-width: 920px;
}
.legal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 20px 0;
}
.legal-card {
    padding: clamp(18px, 2.4vw, 26px);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(18,21,34,.92), rgba(10,13,22,.94));
    box-shadow: 0 18px 38px rgba(0,0,0,.22);
}
.legal-card h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 22px;
}
.legal-card p,
.legal-card li {
    color: #d8dced;
    font-weight: 750;
    line-height: 1.55;
}
.legal-list {
    display: grid;
    gap: 10px;
    padding: 0;
    margin: 14px 0 0;
    list-style: none;
}
.legal-list li {
    display: grid;
    grid-template-columns: minmax(120px, .6fr) minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(255,255,255,.05);
}
.legal-list span {
    color: var(--muted);
    font-weight: 900;
}
.legal-list b {
    color: #fff;
    overflow-wrap: anywhere;
}
.legal-list-wide li {
    grid-template-columns: minmax(190px, .45fr) minmax(0, 1fr);
}
.legal-note {
    margin-top: 14px;
    color: #aeb6cf !important;
}
.legal-steps {
    display: grid;
    gap: 10px;
    padding-left: 22px;
}
.payment-logo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.payment-logo-card {
    min-height: 86px;
    padding: 14px;
    border-radius: 18px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-logo-card img {
    max-width: 100%;
    max-height: 54px;
    object-fit: contain;
    display: block;
}
.buyer-info-section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 26px;
}
.buyer-info-card {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    background: rgba(255,255,255,.055);
}
.buyer-info-card h2 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 19px;
}
.buyer-info-card p {
    margin: 0;
    color: #d8dced;
    font-weight: 750;
    line-height: 1.5;
}
.buyer-info-card a {
    color: #ff6674;
    font-weight: 900;
}
.payment-prep-note {
    margin: 10px 0 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}
.support-form {
    display: grid;
    gap: 16px;
}
.support-form textarea {
    width: 100%;
    resize: vertical;
}
.required {
    color: #ff6674;
    font-weight: 900;
}
@media (max-width: 760px) {
    .legal-grid,
    .buyer-info-section {
        grid-template-columns: 1fr;
    }
    .legal-list li,
    .legal-list-wide li {
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .payment-logo-grid {
        grid-template-columns: 1fr;
    }
}


/* ===== Scorpion Shop v42 — footer payments, Steam badge, legal updates ===== */
.footer-shell-v16 {
    grid-template-columns: minmax(220px, 1.25fr) minmax(190px, .95fr) minmax(170px, .75fr) minmax(130px, .6fr) !important;
}
.product-card::before {
    content: "Steam/Навсегда";
    position: absolute;
    left: -42px;
    top: 18px;
    width: 160px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-38deg);
    z-index: 6;
    background: linear-gradient(135deg, #ff2d3f, #9f3bff);
    color: #fff;
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: .03em;
    text-transform: uppercase;
    box-shadow: 0 10px 24px rgba(0,0,0,.32);
    pointer-events: none;
}
.footer-payments {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}
.footer-payments b {
    color: #fff;
}
.footer-payment-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.footer-payment-logo {
    min-width: 62px;
    height: 34px;
    padding: 0 11px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #11131f;
    font-weight: 1000;
    font-size: 13px;
    letter-spacing: -.02em;
    box-shadow: 0 10px 22px rgba(0,0,0,.24);
}
.footer-payment-logo-tbank {
    color: #171100;
    background: linear-gradient(180deg, #ffe34d, #ffc400);
}
.footer-payment-logo-visa {
    color: #1a4aa8;
}
.footer-payment-logo-sbp {
    color: #11131f;
    background: linear-gradient(135deg, #ffffff, #e9f9ff);
}
.legal-social-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 16px 0;
}
.social-btn {
    min-width: 54px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.08);
    color: #fff;
    text-decoration: none;
    font-weight: 1000;
    border: 1px solid rgba(255,255,255,.12);
}
.social-btn:hover {
    background: rgba(255,45,63,.18);
    border-color: rgba(255,45,63,.4);
}
@media (max-width: 760px) {
    .product-card::before {
        left: -47px;
        top: 15px;
        width: 150px;
        height: 24px;
        font-size: 10px;
    }
    .footer-payment-logos {
        justify-content: flex-start;
    }
}


/* ===== Scorpion Shop v43 — footer, help widget, support form, legal layout fixes ===== */

/* Полностью видимая диагональная плашка на карточке */
.product-card::before {
    left: -28px !important;
    top: 18px !important;
    width: 132px !important;
    height: 23px !important;
    font-size: 8.5px !important;
    letter-spacing: .01em !important;
    transform: rotate(-36deg) !important;
    white-space: nowrap !important;
    z-index: 8 !important;
}

/* Юридические списки: короткое название слева + двоеточие */
.legal-list li,
.legal-list-wide li {
    grid-template-columns: 168px minmax(0, 1fr) !important;
    align-items: start !important;
}
.legal-list span {
    width: auto !important;
    max-width: 168px !important;
    white-space: normal !important;
}
.legal-list span::after {
    content: ":";
}
.legal-list b {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

/* Красивые поля на странице обращения */
.support-panel {
    max-width: 980px !important;
}
.support-form.legal-card {
    gap: 18px !important;
}
.support-form label {
    display: grid !important;
    gap: 8px !important;
    color: #d8dced !important;
    font-weight: 900 !important;
}
.support-form input,
.support-form textarea {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    padding: 13px 15px !important;
    outline: none !important;
    font-weight: 800 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
.support-form textarea {
    min-height: 160px !important;
    line-height: 1.45 !important;
}
.support-form input::placeholder,
.support-form textarea::placeholder {
    color: rgba(174,180,200,.68) !important;
}
.support-form input:focus,
.support-form textarea:focus {
    border-color: rgba(217,47,255,.58) !important;
    box-shadow: 0 0 0 4px rgba(217,47,255,.12), inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.support-form input[type="file"] {
    padding: 10px !important;
}

/* Подвал: не обрезается на телефонах, логотипы в одну строку */
.site-footer {
    overflow: hidden !important;
}
.footer-shell-v16 {
    width: min(100%, calc(100% - 28px)) !important;
    grid-template-columns: minmax(210px, 1.1fr) minmax(190px, .9fr) minmax(230px, .85fr) minmax(120px, .5fr) !important;
    gap: 22px !important;
}
.footer-payments {
    min-width: 0 !important;
}
.footer-payment-logos {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 100% !important;
}
.footer-payment-logo {
    width: 66px !important;
    height: 36px !important;
    min-width: 66px !important;
    padding: 6px !important;
    border-radius: 10px !important;
    background: #fff !important;
}
.footer-payment-logo img {
    display: block !important;
    max-width: 100% !important;
    max-height: 24px !important;
    object-fit: contain !important;
}

/* Плавающая помощь вместо кнопки наверх */
.floating-help {
    position: fixed;
    right: max(18px, env(safe-area-inset-right));
    bottom: calc(22px + env(safe-area-inset-bottom));
    z-index: 1800;
}
.floating-help-btn {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(214, 48, 255, .55);
    border-radius: 18px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, rgba(226, 40, 255, .92), rgba(105, 52, 255, .92));
    box-shadow: 0 18px 46px rgba(160, 51, 255, .34), inset 0 0 0 1px rgba(255,255,255,.12);
    cursor: pointer;
    font-size: 27px;
    line-height: 1;
    font-weight: 1000;
}
.floating-help-panel {
    position: absolute;
    right: 0;
    bottom: 64px;
    width: min(320px, calc(100vw - 34px));
    padding: 18px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg, rgba(18,21,34,.98), rgba(8,10,18,.98));
    box-shadow: 0 26px 70px rgba(0,0,0,.55), 0 0 34px rgba(217,47,255,.16);
    opacity: 0;
    pointer-events: none;
    transform: translateY(12px) scale(.96);
    transition: opacity .22s ease, transform .22s ease;
}
.floating-help.open .floating-help-panel {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}
.floating-help-close {
    position: absolute;
    top: 8px;
    right: 9px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.floating-help-panel h3 {
    margin: 0 36px 8px 0;
    color: #fff;
    font-size: 20px;
}
.floating-help-panel p {
    margin: 0 0 12px;
    color: #d8dced;
    font-weight: 800;
    line-height: 1.45;
}
.floating-help-email {
    display: inline-flex;
    margin-bottom: 12px;
    color: #fff;
    font-weight: 900;
    overflow-wrap: anywhere;
}
.floating-help-actions {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}
.floating-help-request {
    width: 100%;
    min-height: 42px;
}

@media (max-width: 980px) {
    .footer-shell-v16 {
        grid-template-columns: 1fr 1fr !important;
        align-items: start !important;
    }
}
@media (max-width: 640px) {
    .footer-shell-v16 {
        grid-template-columns: 1fr !important;
        width: min(100%, calc(100% - 28px)) !important;
        gap: 20px !important;
    }
    .footer-column {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    .footer-column a {
        overflow-wrap: anywhere !important;
    }
    .footer-payment-logos {
        justify-content: flex-start !important;
    }
    .footer-payment-logo {
        width: 62px !important;
        min-width: 62px !important;
        height: 34px !important;
    }
    .footer-payment-logo img {
        max-height: 22px !important;
    }
    .legal-list li,
    .legal-list-wide li {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }
    .legal-list span {
        max-width: none !important;
    }
    .product-card::before {
        left: -26px !important;
        top: 15px !important;
        width: 124px !important;
        height: 22px !important;
        font-size: 8px !important;
    }
    .floating-help {
        right: max(14px, env(safe-area-inset-right));
        bottom: calc(18px + env(safe-area-inset-bottom));
    }
}


/* ===== Scorpion Shop v44 — support logic, footer logo and profile layout fixes ===== */

/* Подвал на ПК диагональю, логотипы оплаты между информацией и соцсетями */
@media (min-width: 981px) {
    .footer-shell-v16 {
        grid-template-columns: minmax(220px, 1.15fr) minmax(210px, .95fr) minmax(260px, .85fr) minmax(130px, .55fr) !important;
        align-items: start !important;
    }
    .footer-brand-block {
        transform: translateY(0);
    }
    .footer-column {
        transform: translateY(18px);
    }
    .footer-payments {
        transform: translateY(36px);
    }
    .footer-social {
        transform: translateY(54px);
    }
}

/* Логотипы оплаты без белого фона и в одну строку */
.footer-payment-logos {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
    max-width: 100% !important;
}
.footer-payment-logo {
    width: auto !important;
    height: 42px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.footer-payment-logo img {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    max-height: 34px !important;
    object-fit: contain !important;
}
.footer-payment-logo:nth-child(1) img {
    max-height: 30px !important;
}
.footer-payment-logo:nth-child(2) img {
    max-height: 34px !important;
}
.footer-payment-logo:nth-child(3) img {
    max-height: 36px !important;
}

/* Страница support: красивый select и скрытие лишних полей */
.support-form select {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    padding: 13px 15px !important;
    outline: none !important;
    font-weight: 800 !important;
}
.support-form select option {
    background: #11131f;
    color: #fff;
}
.support-success-card h2 {
    margin-top: 0 !important;
}
.support-success-card p {
    font-size: 18px;
    font-weight: 900;
}

/* Личный кабинет: оплаченные заказы сверху, профиль ниже */
.profile-grid-v44 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
}
.profile-grid-v44 .orders-card,
.profile-grid-v44 .profile-card {
    width: 100% !important;
    max-width: none !important;
}
.profile-grid-v44 .profile-card {
    order: 2 !important;
}
.profile-grid-v44 .orders-card {
    order: 1 !important;
}
.profile-grid-v44 .profile-form {
    max-width: 520px;
}

/* Техподдержка: обновленный текст помещается аккуратно */
.floating-help-panel h3 {
    font-size: 21px !important;
}
.floating-help-panel p {
    font-size: 14px !important;
}

@media (max-width: 640px) {
    .footer-payment-logos {
        gap: 10px !important;
    }
    .footer-payment-logo {
        height: 38px !important;
    }
    .footer-payment-logo img {
        max-height: 30px !important;
    }
    .footer-payment-logo:nth-child(3) img {
        max-height: 33px !important;
    }
}


/* ===== Scorpion Shop v45 — support tickets, profile tabs, validation, admin tickets ===== */
.field-error {
    display: block;
    min-height: 0;
    margin: 0 0 6px;
    color: #ff6674;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.3;
}
[data-required-wrap].has-field-error input,
[data-required-wrap].has-field-error textarea,
[data-required-wrap].has-field-error select {
    border-color: rgba(255, 80, 105, .75) !important;
    box-shadow: 0 0 0 4px rgba(255, 80, 105, .12), inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.support-form select,
.support-reply-form textarea,
.admin-support-reply textarea {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    padding: 13px 15px !important;
    outline: none !important;
    font-weight: 800 !important;
}
.support-reply-form textarea,
.admin-support-reply textarea {
    min-height: 130px !important;
    resize: vertical;
}
.support-form select option {
    background: #11131f;
    color: #fff;
}
.profile-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 18px;
}
.profile-grid-v45 {
    display: block !important;
}
.profile-grid-v45 > .tab-content {
    display: none !important;
}
.profile-grid-v45 > .tab-content.active {
    display: block !important;
}
.support-account-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.support-ticket-list {
    display: grid;
    gap: 16px;
}
.support-ticket-card,
.admin-support-card {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
}
.support-ticket-head,
.support-message-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.support-ticket-head b {
    display: block;
    color: #fff;
    font-size: 18px;
}
.support-ticket-head span {
    color: var(--muted);
    font-weight: 800;
}
.support-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 13px;
    font-weight: 1000;
}
.support-status.status-open,
.status-open .support-status {
    background: rgba(255,204,77,.14);
    color: #ffe39a;
}
.support-status.status-waiting,
.status-waiting .support-status {
    background: rgba(80,180,255,.14);
    color: #bfe7ff;
}
.support-status.status-closed,
.status-closed .support-status {
    background: rgba(160,170,190,.14);
    color: #c8d0df;
}
.support-messages {
    display: grid;
    gap: 12px;
    margin: 16px 0;
}
.support-message {
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
}
.support-message-admin {
    border-color: rgba(217,47,255,.22);
    background: rgba(217,47,255,.08);
}
.support-message-meta b {
    color: #fff;
}
.support-message-meta span {
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
}
.support-message p {
    margin: 10px 0 0;
    color: #d8dced;
    line-height: 1.55;
    font-weight: 760;
}
.support-reply-form,
.admin-support-reply {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}
.support-attachments {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
}
.support-attachments span {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: #d8dced;
    font-size: 12px;
    font-weight: 900;
}
.admin-support-layout {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
    gap: 18px;
}
.social-btn svg,
.social-icons a svg,
.floating-help-actions .social-btn svg {
    display: block;
}
.social-btn {
    width: 42px;
    min-width: 42px;
    padding: 0 !important;
}
.email-social-icon {
    width: 38px;
    height: 38px;
}
@media (max-width: 860px) {
    .admin-support-layout {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 640px) {
    .profile-tabs .tab-btn {
        flex: 1 1 auto;
    }
    .support-ticket-head,
    .support-message-meta {
        align-items: flex-start;
    }
}


/* ===== Scorpion Shop v46 — profile avatar, ticket list, clickable attachments, admin notices ===== */
.notice-hiding {
    opacity: 0 !important;
    transform: translateY(-6px) !important;
    transition: opacity .32s ease, transform .32s ease !important;
}
.field-error {
    display: block !important;
    min-height: 18px !important;
    margin: 0 0 6px !important;
    color: #ff6674 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}
[data-required-wrap]:not(.has-field-error) .field-error {
    min-height: 0 !important;
    margin: 0 !important;
}
.profile-identity {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    margin-bottom: 16px;
}
.profile-avatar,
.support-message-avatar {
    width: 58px;
    height: 58px;
    border-radius: 999px;
    object-fit: cover;
    flex: 0 0 auto;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.05);
}
.support-message-avatar {
    width: 42px;
    height: 42px;
}
.support-message-person {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}
.profile-edit-form {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.support-ticket-list-compact {
    gap: 10px !important;
}
.support-ticket-card summary {
    list-style: none;
}
.support-ticket-card summary::-webkit-details-marker {
    display: none;
}
.support-ticket-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 4px;
}
.support-ticket-summary > span:first-child {
    color: #d8dced;
    font-weight: 900;
    min-width: 0;
}
.support-ticket-card[open] .support-ticket-summary {
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.support-attachments a,
.support-attachments span {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: #d8dced;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}
.support-attachments a:hover {
    background: rgba(217,47,255,.18);
    color: #fff;
}
.support-message p a {
    color: #ff7df2;
    font-weight: 1000;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}
.admin-clickable-row {
    cursor: pointer;
    transition: background .18s ease;
}
.admin-clickable-row:hover {
    background: rgba(255,255,255,.045);
}
.admin-support-filter-form select {
    min-height: 42px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    padding: 0 14px !important;
    font-weight: 900 !important;
}
.admin-support-filter-form select option {
    background: #11131f;
    color: #fff;
}
.admin-close-after-reply {
    margin: 2px 0 4px;
}
.admin-close-after-reply input {
    width: auto !important;
    min-height: 0 !important;
}
.admin-close-after-reply span {
    color: #d8dced;
    font-weight: 900;
}
@media (max-width: 640px) {
    .support-ticket-summary {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .support-ticket-summary .ghost-btn {
        width: 100%;
    }
    .profile-identity {
        align-items: flex-start;
    }
}


/* ===== Scorpion Shop v48 — profile avatar default, support UX and field limits ===== */
.support-status.status-open,
.status-open .support-status {
    background: rgba(37, 211, 102, .16) !important;
    color: #89ffb3 !important;
    border: 1px solid rgba(37, 211, 102, .28) !important;
}
.support-status.status-waiting,
.status-waiting .support-status {
    background: rgba(255, 204, 77, .16) !important;
    color: #ffe08a !important;
    border: 1px solid rgba(255, 204, 77, .3) !important;
}
.support-status.status-closed,
.status-closed .support-status {
    background: rgba(255, 80, 105, .16) !important;
    color: #ff9aaa !important;
    border: 1px solid rgba(255, 80, 105, .3) !important;
}
.support-toggle-btn {
    background: rgba(37, 211, 102, .14) !important;
    border-color: rgba(37, 211, 102, .35) !important;
    color: #aaffc8 !important;
}
.support-toggle-btn.is-close {
    background: rgba(255, 80, 105, .16) !important;
    border-color: rgba(255, 80, 105, .42) !important;
    color: #ffb7c2 !important;
}
.support-ticket-card.is-hidden-by-open {
    display: none !important;
}
.profile-section {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
    margin-bottom: 18px;
}
.profile-section h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 20px;
}
.profile-section .profile-form {
    margin: 0;
}
.profile-section-password {
    background: rgba(255,255,255,.032);
}
.profile-avatar-upload {
    position: relative;
    display: inline-flex !important;
    width: 74px;
    height: 74px;
    cursor: pointer;
    flex: 0 0 auto;
    gap: 0 !important;
}
.profile-avatar-upload .profile-avatar {
    width: 74px;
    height: 74px;
}
.profile-avatar-upload input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.profile-avatar-upload-icon {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #e228ff, #6934ff);
    color: #fff;
    border: 2px solid #111420;
    font-size: 17px;
    font-weight: 1000;
    box-shadow: 0 10px 22px rgba(0,0,0,.28);
}
.profile-avatar-upload:hover .profile-avatar {
    filter: brightness(1.12);
}
.field-error.server-error {
    min-height: 18px !important;
    margin: 0 0 6px !important;
}
[data-required-wrap] input[maxlength],
[data-required-wrap] textarea[maxlength] {
    box-sizing: border-box;
}
.admin-support-filter-form {
    align-items: center;
}
.admin-clickable-row td {
    user-select: none;
}
.support-reply-form textarea[maxlength],
.admin-support-reply textarea[maxlength],
.support-form textarea[maxlength] {
    resize: vertical;
}
@media (max-width: 640px) {
    .profile-avatar-upload,
    .profile-avatar-upload .profile-avatar {
        width: 66px;
        height: 66px;
    }
}


/* ===== Scorpion Shop v49 — support attachments/profile save refinements ===== */
.profile-save-notice {
    margin: 8px 0 12px !important;
}
.support-ticket-summary {
    grid-template-columns: minmax(0, 1fr) auto !important;
}
.support-ticket-summary > span:first-child .support-status {
    margin-left: 8px;
    vertical-align: middle;
}
.support-ticket-summary .support-status {
    display: inline-flex !important;
}
.support-reply-form input[type="file"],
.support-form input[type="file"] {
    cursor: pointer;
}
.support-reply-form label .field-error,
.support-form label .field-error {
    display: block;
}
[data-single-open-tickets] .support-ticket-card[open] {
    display: block !important;
}
.profile-avatar-upload {
    overflow: visible !important;
}
@media (max-width: 640px) {
    .support-ticket-summary {
        grid-template-columns: 1fr !important;
    }
    .support-ticket-summary > span:first-child .support-status {
        margin-left: 0;
        margin-top: 8px;
        display: table !important;
    }
}


/* ===== Scorpion Shop v56 — footer/profile/auth layout ===== */

/* Footer */
.site-footer-v56 {
    margin-top: 26px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(5,7,13,.78) !important;
    backdrop-filter: blur(16px) !important;
}
.footer-shell-v56 {
    width: min(1360px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    padding: 24px 0 28px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: stretch !important;
}
.footer-topline {
    display: grid !important;
    grid-template-columns: 230px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 28px !important;
}
.footer-brand-compact {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    text-decoration: none !important;
}
.footer-brand-compact .footer-logo,
.footer-logo {
    width: min(210px, 100%) !important;
    height: auto !important;
    display: block !important;
}
.footer-links-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px 16px !important;
    min-width: 0 !important;
}
.footer-links-row a {
    color: #cfd4e6 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}
.footer-links-row a:hover {
    color: #fff !important;
}
.site-footer-v56 .footer-social {
    display: grid !important;
    gap: 8px !important;
    justify-items: end !important;
    align-items: center !important;
    min-width: max-content !important;
}
.site-footer-v56 .footer-social b {
    color: #fff !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
.site-footer-v56 .footer-payments {
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
}
.site-footer-v56 .footer-payments b {
    display: none !important;
}
.site-footer-v56 .footer-payment-logos {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}
.site-footer-v56 .footer-payment-logo {
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    overflow: visible !important;
}
.site-footer-v56 .footer-payment-logo img {
    display: block !important;
    width: auto !important;
    max-width: 190px !important;
    height: 38px !important;
    max-height: 42px !important;
    object-fit: contain !important;
}
.site-footer-v56 .footer-payment-logo-tbank img {
    max-width: 170px !important;
}
.site-footer-v56 .footer-payment-logo-visa img {
    max-width: 150px !important;
}
.site-footer-v56 .footer-payment-logo-sbp img {
    max-width: 190px !important;
}

/* Auth success */
.auth-card-success {
    min-height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.auth-card-success > .modal-close,
.auth-card-success > .auth-tabs,
.auth-card-success > .auth-form {
    display: none !important;
}
.auth-success-panel {
    display: none;
    text-align: center;
    place-items: center;
    gap: 14px;
    padding: 24px;
}
.auth-card-success .auth-success-panel {
    display: grid !important;
}
.auth-success-check {
    width: 82px;
    height: 82px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1fd37a, #0ca85a);
    color: #fff;
    font-size: 48px;
    font-weight: 1000;
    box-shadow: 0 20px 44px rgba(31,211,122,.24);
}
.auth-success-panel b {
    color: #dfffee;
    font-size: 24px;
    font-weight: 1000;
}

/* Profile tabs */
.profile-tabs {
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}
.profile-tabs .tab-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
}
.profile-tab-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
}

/* Profile card / sections cleanup */
.profile-grid-v45 > .tab-content,
.profile-card.tab-content,
.profile-card.tab-content.active {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.tab-content {
    border-color: transparent !important;
}
.profile-section,
.profile-section-password,
.profile-section-identity,
.profile-identity {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.profile-section {
    padding: 6px 0 14px !important;
    margin-bottom: 10px !important;
}
.profile-section h3 {
    margin-bottom: 10px !important;
}
.profile-section-identity h3 {
    display: none !important;
}
.profile-identity {
    padding: 4px 0 10px !important;
    margin-bottom: 10px !important;
    gap: 12px !important;
}
.profile-avatar-upload,
.profile-avatar-upload .profile-avatar {
    width: 62px !important;
    height: 62px !important;
}
.profile-avatar-upload-icon {
    width: 24px !important;
    height: 24px !important;
    font-size: 14px !important;
}
.profile-section-identity .profile-form,
.profile-section-password .profile-form {
    display: grid !important;
    gap: 10px !important;
    max-width: 360px !important;
}
.profile-section-identity .profile-form label,
.profile-section-password .profile-form label {
    max-width: 360px !important;
}
.profile-section-identity input[name="display_name"],
.profile-section-password input[type="password"] {
    width: 100% !important;
    max-width: 360px !important;
    min-height: 42px !important;
    padding: 10px 13px !important;
    border-radius: 14px !important;
}
.profile-section-identity .primary-btn.full,
.profile-section-password .primary-btn.full {
    width: auto !important;
    max-width: 220px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    justify-self: start !important;
}
.profile-edit-form {
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 0 !important;
}
.profile-save-notice {
    max-width: 360px !important;
    margin: 2px 0 8px !important;
    padding: 10px 12px !important;
}
.logout-profile-btn {
    width: auto !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,80,105,.12) !important;
    border: 1px solid rgba(255,80,105,.28) !important;
    color: #ffc1ca !important;
    font-weight: 1000 !important;
    text-decoration: none !important;
}
.logout-profile-btn:hover {
    background: rgba(255,80,105,.20) !important;
    border-color: rgba(255,80,105,.46) !important;
    color: #fff !important;
    transform: translateY(-1px);
}
.profile-section-password .password-match-status {
    max-width: 360px !important;
}

@media (max-width: 760px) {
    .footer-shell-v56 {
        width: min(1360px, calc(100% - 32px)) !important;
        padding: 22px 0 26px !important;
        gap: 18px !important;
    }
    .footer-topline {
        grid-template-columns: 1fr !important;
        align-items: start !important;
        gap: 18px !important;
    }
    .footer-brand-compact {
        justify-content: flex-start !important;
    }
    .footer-brand-compact .footer-logo,
    .footer-logo {
        width: 190px !important;
    }
    .footer-links-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: start !important;
        justify-content: start !important;
        gap: 10px !important;
    }
    .footer-links-row a {
        white-space: normal !important;
        font-size: 14px !important;
    }
    .site-footer-v56 .footer-social {
        justify-items: start !important;
    }
    .site-footer-v56 .footer-payment-logos {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }
    .site-footer-v56 .footer-payment-logo {
        height: auto !important;
    }
    .site-footer-v56 .footer-payment-logo img {
        height: 32px !important;
        max-width: 160px !important;
    }
    .profile-tabs {
        justify-content: center !important;
    }
    .profile-tabs .tab-btn {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 0 12px !important;
    }
    .profile-section-identity .profile-form,
    .profile-section-password .profile-form,
    .profile-section-identity .profile-form label,
    .profile-section-password .profile-form label,
    .profile-section-identity input[name="display_name"],
    .profile-section-password input[type="password"],
    .profile-section-password .password-match-status {
        max-width: 100% !important;
    }
    .profile-section-identity .primary-btn.full,
    .profile-section-password .primary-btn.full {
        max-width: none !important;
        width: auto !important;
    }
}


/* ===== Scorpion Shop v57 — footer exact container and compact profile ===== */

/* Footer: strict working container, 2-row links, aligned social */
.site-footer-v56 {
    width: 100% !important;
    overflow-x: hidden !important;
}
.footer-shell-v56 {
    width: min(1240px, calc(100% - 48px)) !important;
    max-width: min(1240px, calc(100% - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 24px 0 26px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.footer-topline {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) 150px !important;
    align-items: center !important;
    gap: 28px !important;
    box-sizing: border-box !important;
}
.footer-brand-compact {
    width: 220px !important;
    max-width: 220px !important;
}
.footer-brand-compact .footer-logo,
.footer-logo {
    width: 200px !important;
    max-width: 200px !important;
    height: auto !important;
}
.footer-links-row {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 10px 18px !important;
    min-width: 0 !important;
    overflow: visible !important;
}
.footer-links-row a {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    font-size: 13px !important;
    line-height: 1.22 !important;
}
.site-footer-v56 .footer-social {
    width: 150px !important;
    min-width: 150px !important;
    align-self: center !important;
    justify-self: end !important;
    display: grid !important;
    justify-items: end !important;
    align-content: center !important;
    gap: 9px !important;
}
.site-footer-v56 .footer-social b {
    text-align: right !important;
    line-height: 1.15 !important;
}
.site-footer-v56 .social-icons {
    justify-content: flex-end !important;
}
.site-footer-v56 .footer-payments {
    width: 100% !important;
    margin-top: 4px !important;
    overflow: visible !important;
}
.site-footer-v56 .footer-payment-logos {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    overflow: visible !important;
}
.site-footer-v56 .footer-payment-logo {
    height: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
}
.site-footer-v56 .footer-payment-logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    max-height: 42px !important;
    max-width: 170px !important;
}
.site-footer-v56 .footer-payment-logo-tbank img {
    max-width: 160px !important;
    max-height: 50px !important;
}
.site-footer-v56 .footer-payment-logo-visa img {
    max-width: 150px !important;
    max-height: 48px !important;
}
.site-footer-v56 .footer-payment-logo-sbp img {
    max-width: 128px !important;
    max-height: 54px !important;
}

/* Profile: two columns on desktop, compact spacing */
#profile.profile-card.tab-content.active {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 18px 28px !important;
    align-items: start !important;
    padding-top: 10px !important;
}
#profile.profile-card > h2 {
    grid-column: 1 / -1 !important;
    margin: 0 0 4px !important;
}
#profile .profile-section-identity,
#profile .profile-section-password {
    margin: 0 !important;
    padding: 0 !important;
}
#profile .profile-section-identity .profile-form,
#profile .profile-section-password .profile-form {
    max-width: 340px !important;
    gap: 8px !important;
}
#profile .profile-identity {
    gap: 9px !important;
    padding: 0 0 6px !important;
    margin-bottom: 6px !important;
    align-items: center !important;
}
#profile .profile-identity > div {
    display: grid !important;
    gap: 1px !important;
}
#profile .profile-identity b {
    line-height: 1.15 !important;
}
#profile .profile-identity .muted {
    margin: 0 !important;
    line-height: 1.25 !important;
}
#profile .profile-avatar-upload,
#profile .profile-avatar-upload .profile-avatar {
    width: 56px !important;
    height: 56px !important;
}
#profile .profile-avatar-upload-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 13px !important;
}
#profile label {
    gap: 4px !important;
}
#profile .profile-section-identity input[name="display_name"],
#profile .profile-section-password input[type="password"] {
    min-height: 40px !important;
    padding: 9px 12px !important;
}
#profile .profile-section-identity .primary-btn.full,
#profile .profile-section-password .primary-btn.full {
    min-height: 40px !important;
    max-width: 190px !important;
    padding: 0 16px !important;
}
#profile .profile-save-notice {
    margin: 0 0 6px !important;
}
#profile .logout-profile-btn {
    margin-top: 2px !important;
}
#profile > p {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
}

/* Mobile footer/profile */
@media (max-width: 760px) {
    .footer-shell-v56 {
        width: min(100%, calc(100% - 32px)) !important;
        max-width: calc(100% - 32px) !important;
        padding: 22px 0 26px !important;
    }
    .footer-topline {
        grid-template-columns: 1fr !important;
        gap: 17px !important;
        justify-items: center !important;
    }
    .footer-brand-compact {
        width: auto !important;
        max-width: 100% !important;
        justify-self: start !important;
    }
    .footer-brand-compact .footer-logo,
    .footer-logo {
        width: 190px !important;
        max-width: 190px !important;
    }
    .footer-links-row {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
        gap: 9px !important;
    }
    .footer-links-row a {
        text-align: center !important;
    }
    .site-footer-v56 .footer-social {
        width: auto !important;
        min-width: 0 !important;
        justify-self: center !important;
        justify-items: center !important;
        text-align: center !important;
    }
    .site-footer-v56 .footer-social b {
        text-align: center !important;
    }
    .site-footer-v56 .social-icons {
        justify-content: center !important;
    }
    .site-footer-v56 .footer-payment-logos {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 12px 16px !important;
    }
    .site-footer-v56 .footer-payment-logo img {
        max-height: 34px !important;
        max-width: 145px !important;
    }
    .site-footer-v56 .footer-payment-logo-sbp img {
        max-height: 40px !important;
        max-width: 118px !important;
    }
    #profile.profile-card.tab-content.active {
        display: block !important;
        padding-top: 8px !important;
    }
    #profile .profile-section-identity,
    #profile .profile-section-password {
        margin-bottom: 16px !important;
    }
    #profile .profile-section-identity .profile-form,
    #profile .profile-section-password .profile-form {
        max-width: 100% !important;
    }
}


/* ===== Scorpion Shop v58 — footer alignment and profile cleanup ===== */

/* Footer desktop: one real row for brand / links / social */
.site-footer-v56 {
    overflow: visible !important;
}
.footer-shell-v56 {
    width: min(1240px, calc(100% - 48px)) !important;
    max-width: min(1240px, calc(100% - 48px)) !important;
    padding: 26px 0 24px !important;
    overflow: visible !important;
}
.footer-topline {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) 150px !important;
    align-items: start !important;
    gap: 28px !important;
}
.footer-brand-compact {
    align-self: start !important;
    justify-self: start !important;
}
.footer-brand-compact .footer-logo {
    width: 200px !important;
    max-width: 200px !important;
}
.footer-links-row {
    align-self: start !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
    grid-template-rows: repeat(2, auto) !important;
    gap: 10px 18px !important;
    align-items: start !important;
    justify-items: center !important;
    padding-top: 4px !important;
}
.footer-links-row a {
    display: block !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}
.site-footer-v56 .footer-social {
    align-self: start !important;
    justify-self: end !important;
    align-content: start !important;
    justify-items: end !important;
    padding-top: 4px !important;
    margin: 0 !important;
}
.site-footer-v56 .footer-social b {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
    text-align: right !important;
}
.site-footer-v56 .social-icons {
    margin-top: 8px !important;
}

/* Footer payment logos: no clipping on desktop */
.site-footer-v56 .footer-payments {
    margin-top: 18px !important;
    padding: 0 0 2px !important;
    overflow: visible !important;
}
.site-footer-v56 .footer-payment-logos {
    min-height: 64px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}
.site-footer-v56 .footer-payment-logo {
    height: 64px !important;
    min-height: 64px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}
.site-footer-v56 .footer-payment-logo img {
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    max-height: 58px !important;
    max-width: 210px !important;
    overflow: visible !important;
}
.site-footer-v56 .footer-payment-logo-tbank img {
    max-width: 190px !important;
    max-height: 60px !important;
}
.site-footer-v56 .footer-payment-logo-visa img {
    max-width: 205px !important;
    max-height: 60px !important;
}
.site-footer-v56 .footer-payment-logo-sbp img {
    max-width: 150px !important;
    max-height: 60px !important;
}

/* Profile: remove huge empty space, make profile tab compact and balanced */
.profile-panel {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}
.profile-panel .section-title {
    margin-bottom: 14px !important;
}
.profile-tabs {
    margin: 0 0 22px !important;
}
.profile-grid-v45 {
    max-width: 980px !important;
    margin: 0 auto !important;
}
#profile.profile-card.tab-content.active {
    max-width: 980px !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(280px, 380px) minmax(280px, 380px) !important;
    gap: 24px 56px !important;
    align-items: start !important;
    justify-content: center !important;
    padding: 6px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
}
#profile.profile-card > h2 {
    grid-column: 1 / -1 !important;
    margin: 0 0 6px !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
}
#profile .profile-section-identity,
#profile .profile-section-password {
    width: 100% !important;
    max-width: 380px !important;
    padding: 0 !important;
    margin: 0 !important;
}
#profile .profile-section-identity .profile-form,
#profile .profile-section-password .profile-form {
    max-width: 340px !important;
    width: 100% !important;
    gap: 8px !important;
}
#profile .profile-identity {
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    align-items: center !important;
}
#profile .profile-identity > div {
    gap: 0 !important;
}
#profile .profile-identity b {
    font-size: 16px !important;
    line-height: 1.05 !important;
}
#profile .profile-identity .muted {
    font-size: 14px !important;
    line-height: 1.15 !important;
    margin: 2px 0 0 !important;
}
#profile .profile-avatar-upload,
#profile .profile-avatar-upload .profile-avatar {
    width: 54px !important;
    height: 54px !important;
}
#profile .profile-avatar-upload-icon {
    width: 21px !important;
    height: 21px !important;
    font-size: 12px !important;
}
#profile label {
    margin: 0 !important;
    gap: 4px !important;
}
#profile label input {
    margin-top: 2px !important;
}
#profile .profile-section-identity input[name="display_name"],
#profile .profile-section-password input[type="password"] {
    max-width: 340px !important;
    min-height: 40px !important;
}
#profile .profile-section-identity .primary-btn.full,
#profile .profile-section-password .primary-btn.full {
    max-width: 178px !important;
    min-height: 40px !important;
}
#profile .profile-section-password h3 {
    margin: 0 0 12px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
}
#profile .password-match-status {
    margin: 0 !important;
    min-height: 20px !important;
}
#profile > p {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    margin-top: 10px !important;
}
#profile .logout-profile-btn {
    min-height: 38px !important;
    padding: 0 16px !important;
}

/* Mobile: logo left, everything else centered */
@media (max-width: 760px) {
    .footer-shell-v56 {
        width: min(100%, calc(100% - 32px)) !important;
        max-width: calc(100% - 32px) !important;
        padding: 22px 0 24px !important;
    }
    .footer-topline {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        justify-items: center !important;
        align-items: start !important;
    }
    .footer-brand-compact {
        justify-self: start !important;
    }
    .footer-links-row {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        justify-items: center !important;
        padding-top: 0 !important;
    }
    .site-footer-v56 .footer-social {
        justify-self: center !important;
        justify-items: center !important;
        padding-top: 0 !important;
    }
    .site-footer-v56 .footer-social b {
        text-align: center !important;
    }
    .site-footer-v56 .footer-payment-logos {
        min-height: 0 !important;
        flex-wrap: wrap !important;
        gap: 12px 16px !important;
    }
    .site-footer-v56 .footer-payment-logo {
        height: 42px !important;
        min-height: 42px !important;
    }
    .site-footer-v56 .footer-payment-logo img {
        max-height: 38px !important;
        max-width: 150px !important;
    }
    .site-footer-v56 .footer-payment-logo-sbp img {
        max-height: 42px !important;
        max-width: 118px !important;
    }
    .profile-grid-v45 {
        max-width: 100% !important;
    }
    #profile.profile-card.tab-content.active {
        display: block !important;
        max-width: 100% !important;
        padding-top: 4px !important;
    }
    #profile .profile-section-identity,
    #profile .profile-section-password,
    #profile .profile-section-identity .profile-form,
    #profile .profile-section-password .profile-form {
        max-width: 100% !important;
    }
    #profile .profile-section-identity {
        margin-bottom: 18px !important;
    }
}


/* ===== Scorpion Shop v59 — exact footer/profile fixes ===== */

/* Убрать сдвиги из footer-social и footer-payments */
.footer-social,
.site-footer-v56 .footer-social {
    transform: none !important;
}
.footer-payments,
.site-footer-v56 .footer-payments {
    transform: none !important;
}
.site-footer-v56 .footer-payments {
    margin-top: 0 !important;
    padding: 0 !important;
}

/* Платежные логотипы на ПК такими же компактными, как на телефоне */
.site-footer-v56 .footer-payment-logos {
    min-height: 0 !important;
    gap: 12px 16px !important;
    align-items: center !important;
}
.site-footer-v56 .footer-payment-logo {
    height: 42px !important;
    min-height: 42px !important;
}
.site-footer-v56 .footer-payment-logo img {
    max-height: 38px !important;
    max-width: 150px !important;
}
.site-footer-v56 .footer-payment-logo-tbank img {
    max-height: 38px !important;
    max-width: 145px !important;
}
.site-footer-v56 .footer-payment-logo-visa img {
    max-height: 38px !important;
    max-width: 150px !important;
}
.site-footer-v56 .footer-payment-logo-sbp img {
    max-height: 42px !important;
    max-width: 118px !important;
}

/* Профиль: убрать заголовок h2 и сделать верх компактнее */
#profile.profile-card.tab-content.active {
    padding-top: 0 !important;
}
#profile.profile-card > h2 {
    display: none !important;
}

/* Имя визуально над profile-section-identity */
#profile .profile-section-identity {
    padding-top: 0 !important;
}
#profile .profile-section-identity label[data-required-wrap] {
    margin-top: 4px !important;
}
#profile .profile-section-identity label[data-required-wrap]::before {
    content: "Имя";
    display: block;
    margin: 0 0 6px;
    color: #d8dced;
    font-weight: 950;
    font-size: 16px;
}
#profile .profile-section-identity label[data-required-wrap] {
    color: transparent !important;
}
#profile .profile-section-identity label[data-required-wrap] input,
#profile .profile-section-identity label[data-required-wrap] .field-error {
    color: #fff !important;
}

/* Кнопка смены пароля ближе к полю new_password_repeat */
#profile .profile-section-password .password-match-status {
    min-height: 0 !important;
    margin: -2px 0 2px !important;
}
#profile .profile-section-password .primary-btn.full {
    margin-top: 2px !important;
}

/* Выход под кнопку сохранить */
#profile .logout-profile-inline {
    margin-top: 8px !important;
    justify-self: start !important;
    max-width: 120px !important;
}


/* ===== Scorpion Shop v60 — profile mobile/footer logo fixes ===== */

/* У footer-logo убрать тень */
.footer-logo,
.footer-brand-compact .footer-logo,
.site-footer-v56 .footer-logo {
    filter: none !important;
}

/* Отменяем v59 псевдо-лейбл, так как Имя теперь реально стоит над profile-identity */
#profile .profile-section-identity label[data-required-wrap]::before {
    content: none !important;
    display: none !important;
}
#profile .profile-section-identity label[data-required-wrap] {
    color: #d8dced !important;
}
#profile .profile-name-field {
    order: -2 !important;
    margin-bottom: 6px !important;
}
#profile .profile-identity {
    order: -1 !important;
}

/* Поле имени пустое по умолчанию, компактное */
#profile .profile-name-field input[name="display_name"]::placeholder {
    color: rgba(216,220,237,.58) !important;
}

/* Телефон: profile-card tab-content active — все по центру */
@media (max-width: 760px) {
    #profile.profile-card.tab-content.active {
        text-align: center !important;
        justify-items: center !important;
        align-items: center !important;
    }
    #profile .profile-section-identity,
    #profile .profile-section-password {
        display: grid !important;
        justify-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }
    #profile .profile-section-identity .profile-form,
    #profile .profile-section-password .profile-form {
        justify-items: center !important;
        text-align: center !important;
        width: min(340px, 100%) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #profile .profile-identity {
        justify-content: center !important;
        text-align: left !important;
        width: 100% !important;
    }
    #profile .profile-name-field,
    #profile .profile-section-password label {
        width: 100% !important;
        text-align: left !important;
    }
    #profile .profile-section-identity input[name="display_name"],
    #profile .profile-section-password input[type="password"] {
        width: 100% !important;
        max-width: 340px !important;
        box-sizing: border-box !important;
    }
    #profile .profile-section-identity .primary-btn.full,
    #profile .profile-section-password .primary-btn.full,
    #profile .logout-profile-inline {
        justify-self: center !important;
    }

    /* password-toggle не вылезает за поле */
    #profile .password-field,
    .password-field {
        position: relative !important;
        width: 100% !important;
        max-width: 340px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #profile .password-field input,
    .password-field input {
        width: 100% !important;
        padding-right: 48px !important;
        box-sizing: border-box !important;
    }
    #profile .password-toggle,
    .password-toggle {
        position: absolute !important;
        right: 6px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        margin: 0 !important;
    }
}


/* ===== Scorpion Shop v61 — MIR/favicon/profile field/password toggle ===== */

/* MIR вместо Visa: класс и размеры */
.site-footer-v56 .footer-payment-logo-mir img,
.site-footer-v56 .footer-payment-logo-visa img {
    max-height: 38px !important;
    max-width: 150px !important;
}

/* Новое имя должно быть под profile-identity */
#profile .profile-name-field {
    order: 0 !important;
    margin-top: 4px !important;
    margin-bottom: 6px !important;
}
#profile .profile-identity {
    order: 0 !important;
}

/* Не подставлять визуально старое имя в поле */
#profile .profile-name-field input[name="display_name"] {
    color: #fff !important;
}

/* password-toggle строго в конце поля, включая new_password_repeat */
#profile .password-field {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 340px !important;
    overflow: visible !important;
}
#profile .password-field input {
    width: 100% !important;
    padding-right: 50px !important;
    box-sizing: border-box !important;
}
#profile .password-field .password-toggle {
    position: absolute !important;
    right: 7px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    z-index: 5 !important;
}
#profileNewPasswordRepeat + .password-toggle {
    right: 7px !important;
}

@media (max-width: 760px) {
    #profile .password-field {
        width: min(340px, 100%) !important;
        max-width: 340px !important;
    }
    #profile .password-field .password-toggle {
        right: 7px !important;
    }
}


/* ===== Scorpion Shop v62 — profile titles/240px fields/cache-bust support ===== */

/* Заголовки колонок профиля на одной линии */
#profile .profile-identity-title,
#profile .profile-section-password h3 {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 1000 !important;
    line-height: 1.2 !important;
}
#profile .profile-section-identity,
#profile .profile-section-password {
    align-self: start !important;
}

/* Видимое слово "Имя" теперь заголовок секции, а не подпись к полю */
#profile .profile-name-label {
    display: none !important;
}
#profile .profile-name-field {
    margin-top: 8px !important;
    margin-bottom: 6px !important;
    color: inherit !important;
}
#profile .profile-section-identity label[data-required-wrap]::before {
    content: none !important;
    display: none !important;
}

/* Поля ввода в профиле максимум 240px */
#profile .profile-section-identity .profile-form,
#profile .profile-section-password .profile-form {
    max-width: 240px !important;
}
#profile .profile-section-identity input[name="display_name"],
#profile .profile-section-password input[type="password"],
#profile .password-field {
    width: 100% !important;
    max-width: 240px !important;
    box-sizing: border-box !important;
}
#profile .profile-section-identity .primary-btn.full,
#profile .profile-section-password .primary-btn.full {
    max-width: 180px !important;
}
#profile .profile-identity {
    max-width: 300px !important;
}

/* password-toggle внутри конца поля при ширине 240px */
#profile .password-field {
    position: relative !important;
}
#profile .password-field input {
    padding-right: 48px !important;
}
#profile .password-field .password-toggle {
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* На телефоне все элементы профиля по центру, поля всё равно до 240px */
@media (max-width: 760px) {
    #profile.profile-card.tab-content.active {
        text-align: center !important;
        justify-items: center !important;
    }
    #profile .profile-section-identity,
    #profile .profile-section-password {
        justify-items: center !important;
        text-align: center !important;
    }
    #profile .profile-section-identity .profile-form,
    #profile .profile-section-password .profile-form {
        width: min(240px, 100%) !important;
        max-width: 240px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-items: center !important;
    }
    #profile .profile-identity {
        justify-content: center !important;
        width: min(300px, 100%) !important;
        text-align: left !important;
    }
    #profile .profile-name-field,
    #profile .profile-section-password label {
        width: min(240px, 100%) !important;
        max-width: 240px !important;
        text-align: left !important;
    }
    #profile .profile-section-identity input[name="display_name"],
    #profile .profile-section-password input[type="password"],
    #profile .password-field {
        width: min(240px, 100%) !important;
        max-width: 240px !important;
    }
}


/* ===== Scorpion Shop v63 — profile validation/fixed toggle/form width ===== */

/* Формы не сжимаем до 240px — ограничены только поля */
#profile .profile-section-identity .profile-form,
#profile .profile-section-password .profile-form {
    max-width: none !important;
    width: auto !important;
}
#profile .profile-section-identity input[name="display_name"],
#profile .profile-section-password input[type="password"],
#profile .password-field {
    width: 240px !important;
    max-width: 240px !important;
    box-sizing: border-box !important;
}

/* password-toggle / is-visible не должен менять размер поля */
#profile .password-field,
.password-field {
    box-sizing: border-box !important;
}
#profile .password-field input,
.password-field input,
#profile .password-field input[type="password"],
#profile .password-field input[type="text"],
.password-field input[type="password"],
.password-field input[type="text"] {
    width: 100% !important;
    min-height: 40px !important;
    height: 40px !important;
    padding-right: 48px !important;
    box-sizing: border-box !important;
}
#profile .password-toggle,
#profile .password-toggle:hover,
#profile .password-toggle.is-visible,
.password-toggle,
.password-toggle:hover,
.password-toggle.is-visible {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

/* Сообщение "Профиль сохранен" не влияет на ширину формы */
#profile .profile-save-notice {
    width: 240px !important;
    max-width: 240px !important;
    box-sizing: border-box !important;
}

/* На телефоне центрируем, но формы не сжимаем больше нужного */
@media (max-width: 760px) {
    #profile .profile-section-identity .profile-form,
    #profile .profile-section-password .profile-form {
        width: min(100%, 320px) !important;
        max-width: 320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #profile .profile-section-identity input[name="display_name"],
    #profile .profile-section-password input[type="password"],
    #profile .password-field {
        width: min(240px, 100%) !important;
        max-width: 240px !important;
    }
}


/* ===== Scorpion Shop v64 — profile save visibility, legal pages, payment logos ===== */

/* Кнопка сохранить появляется только если введено новое имя */
#profile .profile-name-save-btn {
    display: none !important;
}
#profile .profile-name-save-btn.is-visible {
    display: inline-flex !important;
}

/* Логотипы платежей: добавлен MasterCard, телефон чуть меньше */
.site-footer-v56 .footer-payment-logo-master img {
    max-height: 42px !important;
    max-width: 118px !important;
}
@media (max-width: 760px) {
    .site-footer-v56 .footer-payment-logo img {
        max-height: 30px !important;
        max-width: 124px !important;
    }
    .site-footer-v56 .footer-payment-logo-tbank img {
        max-height: 30px !important;
        max-width: 118px !important;
    }
    .site-footer-v56 .footer-payment-logo-mir img,
    .site-footer-v56 .footer-payment-logo-visa img {
        max-height: 30px !important;
        max-width: 118px !important;
    }
    .site-footer-v56 .footer-payment-logo-master img {
        max-height: 34px !important;
        max-width: 96px !important;
    }
    .site-footer-v56 .footer-payment-logo-sbp img {
        max-height: 34px !important;
        max-width: 96px !important;
    }
}

/* Legal pages cleanup */
.legal-panel h1 {
    margin-bottom: 0 !important;
}
.legal-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.legal-card p {
    margin-top: 0 !important;
}
.legal-card li,
.legal-list li,
.legal-list-wide li {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.legal-list.legal-list-wide {
    max-width: 300px !important;
    width: 100% !important;
}
.legal-list.legal-list-wide li {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    padding: 8px 0 !important;
}
.legal-list.legal-list-wide li span,
.legal-list.legal-list-wide li b {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}
.legal-note + .primary-btn,
.legal-social-actions + .primary-btn {
    margin-top: 8px !important;
}
@media (min-width: 761px) {
    body:has(.legal-panel) .legal-card {
        max-width: 300px !important;
    }
    body:has(.legal-panel) .legal-grid .legal-card {
        max-width: none !important;
    }
}

/* Fallback without relying only on :has for common legal layouts */
.legal-panel > .legal-card {
    max-width: 300px !important;
}
.legal-panel > .legal-card .primary-btn {
    margin-top: 8px !important;
}
.legal-grid + .legal-card {
    max-width: 300px !important;
}

/* Reviews button/card can still fit neatly */
.legal-panel > .legal-card .primary-btn {
    display: inline-flex !important;
}


/* ===== Scorpion Shop v65 — precise legal/profile fixes ===== */

/* primary-btn full: margin-left только на ПК */
@media (min-width: 761px) {
    #profile .primary-btn.full {
        margin-left: 30px !important;
    }
}
@media (max-width: 760px) {
    #profile .primary-btn.full {
        margin-left: 0 !important;
    }
}

/* Reviews: текст 500px, h1 без нижнего margin, card без фона/рамки */
.legal-page-reviews h1 {
    margin-bottom: 0 !important;
}
.legal-page-reviews .legal-card {
    max-width: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.legal-page-reviews .reviews-text,
.legal-page-reviews .legal-card p {
    max-width: 500px !important;
}

/* Refund conditions: возвращаем background/border, оставляем только кнопку под legal-note */
.legal-page-refund_conditions .legal-card {
    max-width: none !important;
    padding: clamp(18px, 2.4vw, 26px) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(18,21,34,.92), rgba(10,13,22,.94)) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.22) !important;
}
.legal-page-refund_conditions .legal-grid + .legal-card {
    max-width: none !important;
}
.legal-page-refund_conditions .legal-note + .primary-btn {
    display: inline-flex !important;
    margin-top: 10px !important;
}

/* About: card без фона/рамки, p без margin, но текст НЕ сужаем */
.legal-page-about .legal-card {
    max-width: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.legal-page-about .legal-card p {
    margin: 0 !important;
    max-width: none !important;
}

/* Refund: card без фона/рамки, текст не вертикальный, только legal-list max 300px */
.legal-page-refund .legal-card {
    max-width: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.legal-page-refund .legal-card p {
    max-width: none !important;
}
.legal-page-refund .legal-list.legal-list-wide {
    max-width: 300px !important;
}
.legal-page-refund .legal-list.legal-list-wide li {
    grid-template-columns: minmax(0, 1fr) !important;
}

/* Contacts/Requisites: card без фона/рамки, но НЕ 300px; b в одну строку на ПК */
.legal-page-contacts .legal-card,
.legal-page-requisites .legal-card {
    max-width: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.legal-page-contacts .legal-list.legal-list-wide,
.legal-page-requisites .legal-list.legal-list-wide {
    max-width: none !important;
}
.legal-page-contacts .legal-list.legal-list-wide li,
.legal-page-requisites .legal-list.legal-list-wide li {
    grid-template-columns: minmax(0, 1fr) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
@media (min-width: 761px) {
    .legal-page-contacts .legal-list.legal-list-wide li b,
    .legal-page-requisites .legal-list.legal-list-wide li b {
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}
@media (max-width: 760px) {
    .legal-page-contacts .legal-list.legal-list-wide li b,
    .legal-page-requisites .legal-list.legal-list-wide li b {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}


/* ===== Scorpion Shop v66 — exact legal width and profile save margin fix ===== */

/* У кнопки "Сохранить" в профиле НЕ должно быть margin-left */
#profile .profile-name-save-btn,
#profile .profile-name-save-btn.is-visible {
    margin-left: 0 !important;
}

/* Перебиваем старое глобальное правило body:has(.legal-panel) .legal-card max-width:300px */
body:has(.legal-page-reviews) .legal-page-reviews .legal-card,
body:has(.legal-page-about) .legal-page-about .legal-card,
body:has(.legal-page-refund) .legal-page-refund .legal-card {
    max-width: none !important;
}

/* Reviews: текст ровно до 500px, card не сжимается до 300px */
body:has(.legal-page-reviews) .legal-page-reviews .reviews-text,
body:has(.legal-page-reviews) .legal-page-reviews .legal-card p {
    max-width: 500px !important;
    width: min(500px, 100%) !important;
}

/* About: текст не вертикальный, card не сжимается */
body:has(.legal-page-about) .legal-page-about .legal-card p {
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* Refund: текст не вертикальный, card не сжимается; ограничен только legal-list */
body:has(.legal-page-refund) .legal-page-refund .legal-card p {
    max-width: none !important;
    width: auto !important;
}
body:has(.legal-page-refund) .legal-page-refund .legal-list.legal-list-wide {
    max-width: 300px !important;
    width: 100% !important;
}

/* Без :has fallback, но с большей точностью */
.legal-panel.legal-page-reviews > .legal-card,
.legal-panel.legal-page-about > .legal-card,
.legal-panel.legal-page-refund > .legal-card {
    max-width: none !important;
}
.legal-panel.legal-page-reviews .reviews-text,
.legal-panel.legal-page-reviews > .legal-card p {
    max-width: 500px !important;
    width: min(500px, 100%) !important;
}
.legal-panel.legal-page-about > .legal-card p,
.legal-panel.legal-page-refund > .legal-card p {
    max-width: none !important;
    width: auto !important;
}
.legal-panel.legal-page-refund .legal-list.legal-list-wide {
    max-width: 300px !important;
    width: 100% !important;
}


/* ===== Scorpion Shop v67 — footer 761px, profile/password/support polish ===== */

/* На 761px подвал не должен включать тесную ПК-сетку */
@media (min-width: 761px) and (max-width: 900px) {
    .footer-shell-v56 {
        width: min(100%, calc(100% - 32px)) !important;
        max-width: calc(100% - 32px) !important;
        padding: 22px 0 24px !important;
    }
    .footer-topline {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        justify-items: center !important;
        align-items: start !important;
    }
    .footer-brand-compact {
        justify-self: start !important;
    }
    .footer-links-row {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        justify-items: center !important;
        padding-top: 0 !important;
        width: 100% !important;
    }
    .site-footer-v56 .footer-social {
        justify-self: center !important;
        justify-items: center !important;
        text-align: center !important;
        width: auto !important;
        min-width: 0 !important;
        padding-top: 0 !important;
    }
    .site-footer-v56 .footer-social b {
        text-align: center !important;
    }
    .site-footer-v56 .social-icons {
        justify-content: center !important;
    }
    .site-footer-v56 .footer-payment-logos {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

/* Блок смены пароля не шире своих элементов */
#profile .profile-section-password {
    width: 240px !important;
    max-width: 240px !important;
}
#profile .profile-section-password .profile-form {
    width: 240px !important;
    max-width: 240px !important;
}

/* Floating help меньше на телефонах */
@media (max-width: 760px) {
    .floating-help {
        right: 14px !important;
        bottom: 14px !important;
    }
    .floating-help-btn {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 24px !important;
        border-radius: 16px !important;
    }
}

/* Support: красивые select/file */
.support-form-grid {
    align-items: end !important;
}
.support-form select[name="order_id"] {
    min-width: 118px !important;
    min-height: 50px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
    color: #fff !important;
    font-weight: 950 !important;
    padding: 0 38px 0 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 26px rgba(0,0,0,.18) !important;
    appearance: none !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #d9ddec 50%),
        linear-gradient(135deg, #d9ddec 50%, transparent 50%),
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
    background-position:
        calc(100% - 18px) 52%,
        calc(100% - 12px) 52%,
        0 0 !important;
    background-size:
        6px 6px,
        6px 6px,
        100% 100% !important;
    background-repeat: no-repeat !important;
}
.support-form select[name="order_id"] option {
    background: #11131f !important;
    color: #fff !important;
}
.support-form input[type="file"] {
    width: 100% !important;
    max-width: 210px !important;
    min-height: 50px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
    color: #d8dced !important;
    font-weight: 850 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 26px rgba(0,0,0,.18) !important;
}
.support-form input[type="file"]::file-selector-button {
    min-height: 34px !important;
    padding: 0 14px !important;
    margin-right: 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #ff2d8f, #9f2dff) !important;
    color: #fff !important;
    font-weight: 1000 !important;
    cursor: pointer !important;
}
.support-form input[type="file"]::-webkit-file-upload-button {
    min-height: 34px !important;
    padding: 0 14px !important;
    margin-right: 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #ff2d8f, #9f2dff) !important;
    color: #fff !important;
    font-weight: 1000 !important;
    cursor: pointer !important;
}
@media (max-width: 760px) {
    .support-form select[name="order_id"],
    .support-form input[type="file"] {
        max-width: 100% !important;
    }
}


/* ===== Scorpion Shop v68 — support form, ticket cards, narrower orders ===== */

/* Support/legal center */
.support-panel.legal-panel,
.legal-panel.support-panel {
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    justify-items: center !important;
}
.support-panel h1,
.support-panel .legal-lead,
.support-panel .notice {
    width: min(100%, 920px) !important;
    text-align: left !important;
}
.support-panel .support-form.legal-card,
.support-panel .support-success-card {
    width: min(100%, 520px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Support form controls: select and file same visual size */
.support-form-grid {
    display: flex !important;
    align-items: end !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}
.support-form-grid > label {
    width: 190px !important;
    max-width: 190px !important;
}
.support-form select[name="order_id"],
.support-form input[type="file"] {
    width: 190px !important;
    max-width: 190px !important;
    height: 52px !important;
    min-height: 52px !important;
    box-sizing: border-box !important;
}
.support-form input[type="file"] {
    font-size: 0 !important;
    display: block !important;
    overflow: hidden !important;
}
.support-form input[type="file"]::file-selector-button {
    width: 100% !important;
    height: 36px !important;
    margin: 0 !important;
}
.support-form input[type="file"]::-webkit-file-upload-button {
    width: 100% !important;
    height: 36px !important;
    margin: 0 !important;
}

/* Description counter */
.textarea-counter-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}
.textarea-counter-wrap textarea {
    padding-bottom: 34px !important;
}
.textarea-counter {
    position: absolute !important;
    right: 12px !important;
    bottom: 10px !important;
    z-index: 2 !important;
    color: rgba(216,220,237,.62) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    pointer-events: none !important;
}

/* Mobile support centered */
@media (max-width: 760px) {
    .support-panel.legal-panel,
    .legal-panel.support-panel {
        justify-items: center !important;
        text-align: center !important;
    }
    .support-panel h1,
    .support-panel .legal-lead,
    .support-panel .notice {
        text-align: center !important;
    }
    .support-panel .support-form.legal-card {
        width: min(100%, 320px) !important;
        display: grid !important;
        justify-items: center !important;
    }
    .support-form-grid {
        justify-content: center !important;
        width: 100% !important;
    }
    .support-form-grid > label,
    .support-form select[name="order_id"],
    .support-form input[type="file"],
    .support-description-label,
    .textarea-counter-wrap,
    .support-form textarea {
        width: min(100%, 260px) !important;
        max-width: 260px !important;
    }
    .support-form .primary-btn {
        justify-self: center !important;
    }
}

/* Compact support tickets in profile */
#support.orders-card {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.support-ticket-list-compact {
    gap: 8px !important;
}
.support-ticket-card {
    padding: 10px 12px !important;
    border-radius: 16px !important;
}
.support-ticket-summary {
    grid-template-columns: minmax(0, 1fr) 36px !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 2px !important;
}
.support-ticket-info {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}
.support-ticket-number b {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
}
.support-ticket-meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    color: #aeb6cf !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}
.support-ticket-card .support-status {
    min-height: 26px !important;
    padding: 5px 9px !important;
    font-size: 12px !important;
}
.support-ticket-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    color: #b7ffce !important;
    background: rgba(37,211,102,.16) !important;
    border: 1px solid rgba(37,211,102,.38) !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
}
.support-ticket-icon-close {
    display: none !important;
}
.support-ticket-card[open] .support-ticket-icon {
    color: #ffc2cb !important;
    background: rgba(255,80,105,.16) !important;
    border-color: rgba(255,80,105,.42) !important;
}
.support-ticket-card[open] .support-ticket-icon-open {
    display: none !important;
}
.support-ticket-card[open] .support-ticket-icon-close {
    display: inline !important;
}
.support-ticket-card[open] .support-ticket-summary {
    padding-bottom: 10px !important;
}

/* Narrower orders */
#orders.orders-card {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#orders .order-row-v18 {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (max-width: 760px) {
    #support.orders-card,
    #orders.orders-card,
    #orders .order-row-v18 {
        max-width: 100% !important;
    }
    .support-ticket-summary {
        grid-template-columns: minmax(0, 1fr) 34px !important;
    }
    .support-ticket-meta {
        grid-template-columns: 1fr !important;
        justify-items: start !important;
        gap: 6px !important;
    }
}


/* ===== Scorpion Shop v69 — privacy policy page ===== */
.legal-page-privacy .privacy-policy-card,
body:has(.legal-page-privacy) .legal-page-privacy .privacy-policy-card {
    max-width: 920px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.legal-page-privacy .privacy-policy-card h2 {
    margin: 24px 0 10px !important;
}
.legal-page-privacy .privacy-policy-card p,
.legal-page-privacy .privacy-policy-card li {
    max-width: 900px !important;
    line-height: 1.62 !important;
}
.legal-page-privacy .privacy-policy-card ul {
    margin: 10px 0 0 !important;
    padding-left: 22px !important;
}
.legal-page-privacy .privacy-policy-card li {
    margin: 7px 0 !important;
}


/* ===== Scorpion Shop v70 — offer page ===== */
.legal-page-offer .offer-policy-card,
body:has(.legal-page-offer) .legal-page-offer .offer-policy-card {
    max-width: 920px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.legal-page-offer .offer-policy-card h2 {
    margin: 24px 0 10px !important;
}
.legal-page-offer .offer-policy-card p,
.legal-page-offer .offer-policy-card li {
    max-width: 900px !important;
    line-height: 1.62 !important;
}
.legal-page-offer .offer-policy-card ul {
    margin: 10px 0 0 !important;
    padding-left: 22px !important;
}
.legal-page-offer .offer-policy-card li {
    margin: 7px 0 !important;
}


/* ===== Scorpion Shop v74 — auth tabs and forgot password success ===== */

/* Вход/Регистрация по центру, кнопка закрытия не мешает */
.auth-card .auth-tabs {
    width: min(320px, calc(100% - 72px)) !important;
    margin: 24px auto 18px !important;
    grid-template-columns: 1fr 1fr !important;
}

/* На форме восстановления пароля скрываем вкладки Вход/Регистрация */
.auth-card.auth-card-forgot .auth-tabs,
.auth-card.auth-card-forgot-success .auth-tabs {
    display: none !important;
}

/* Экран успеха восстановления как отдельное окно с галкой */
.auth-card.auth-card-success .auth-form,
.auth-card.auth-card-success .auth-tabs {
    display: none !important;
}
.auth-card.auth-card-success #authSuccessPanel {
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 12px !important;
    padding: 18px 10px 8px !important;
}
.auth-card.auth-card-success #authSuccessPanel[aria-hidden="true"] {
    display: none !important;
}
.auth-card.auth-card-forgot-success #authSuccessPanel b {
    max-width: 360px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}
.auth-card.auth-card-forgot .auth-form[data-auth-form="forgot"] {
    display: grid !important;
}
@media (max-width: 560px) {
    .auth-card .auth-tabs {
        width: min(270px, calc(100% - 54px)) !important;
        margin-top: 20px !important;
    }
    .auth-card.auth-card-forgot-success #authSuccessPanel b {
        font-size: 16px !important;
    }
}


/* ===== Scorpion Shop v75 — auth animation, equal inputs, registration code ===== */

/* Плавная анимация вкладок Вход/Регистрация */
.auth-card .auth-tabs {
    position: relative !important;
    overflow: hidden !important;
}
.auth-card .auth-tab {
    position: relative !important;
    z-index: 1 !important;
    transition: color .22s ease, background .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
.auth-card .auth-tab:hover {
    transform: translateY(-1px) !important;
}
.auth-card .auth-tab.active {
    animation: authTabPulse .24s ease both !important;
}
@keyframes authTabPulse {
    from { transform: scale(.985); opacity: .86; }
    to { transform: scale(1); opacity: 1; }
}
.auth-form.active {
    animation: authFormFadeIn .24s ease both !important;
}
@keyframes authFormFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Email и пароль одной высоты в авторизации/регистрации */
.auth-form input[type="email"],
.auth-form input[type="password"],
.auth-form input[type="text"] {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 52px !important;
    box-sizing: border-box !important;
}
.auth-form label {
    align-items: stretch !important;
}

/* Шаги регистрации */
.register-step[hidden] {
    display: none !important;
}
.register-step {
    display: grid !important;
    gap: 12px !important;
}
.register-code-step {
    text-align: left !important;
}
.register-code-step input[name="verification_code"] {
    text-align: center !important;
    letter-spacing: 8px !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
}

/* После успешного восстановления полностью скрываем форму */
.auth-card.auth-card-success .auth-form,
.auth-card.auth-card-success.auth-card-forgot .auth-form,
.auth-card.auth-card-success.auth-card-forgot-success .auth-form,
.auth-card.auth-card-success.auth-card-forgot .auth-form[data-auth-form="forgot"],
.auth-card.auth-card-success.auth-card-forgot-success .auth-form[data-auth-form="forgot"] {
    display: none !important;
}
.auth-card.auth-card-success #authSuccessPanel {
    display: grid !important;
}
.auth-card.auth-card-success #authSuccessPanel[aria-hidden="true"] {
    display: none !important;
}


/* ===== Scorpion Shop v76 — forgot success close, reset mobile line, 6-digit code inputs ===== */

/* Крестик в окне с галкой при сбросе пароля */
.auth-card.auth-card-success .modal-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.auth-card.auth-card-forgot-success #authSuccessPanel {
    padding-top: 34px !important;
}

/* Пароль восстановлен справа от галки даже на телефоне */
.reset-success-line {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}
.reset-success-line .reset-success-check {
    flex: 0 0 auto !important;
}
.reset-success-line h1 {
    margin: 0 !important;
    line-height: 1.05 !important;
}
@media (max-width: 560px) {
    .reset-success-line {
        justify-content: center !important;
        gap: 10px !important;
    }
    .reset-success-line .reset-success-check {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        font-size: 26px !important;
    }
    .reset-success-line h1 {
        font-size: 28px !important;
        text-align: left !important;
        white-space: nowrap !important;
    }
}

/* 6 отдельных полей кода */
.register-code-digits {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
}
.register-code-digits input[data-code-digit] {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
    line-height: 52px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}
.register-code-step input[name="verification_code"] {
    display: none !important;
}
@media (max-width: 420px) {
    .register-code-digits {
        gap: 6px !important;
    }
    .register-code-digits input[data-code-digit] {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        line-height: 46px !important;
        font-size: 20px !important;
        border-radius: 12px !important;
    }
}


/* ===== Scorpion Shop v77 — auto code verify and avatar crop ===== */

/* Подтверждение почты теперь без кнопки */
.register-code-step [data-register-verify] {
    display: none !important;
}
.register-code-step .form-message,
#registerForm .form-message {
    text-align: center !important;
}

/* Окно выбора области аватарки */
.avatar-crop-card {
    width: min(430px, 100%) !important;
    padding-top: 58px !important;
}
.avatar-crop-card h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 24px !important;
    text-align: center !important;
}
.avatar-crop-card .muted {
    margin: 0 0 14px !important;
    text-align: center !important;
}
.avatar-crop-frame {
    position: relative !important;
    width: min(320px, 76vw) !important;
    height: min(320px, 76vw) !important;
    margin: 0 auto 16px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background: #080a12 !important;
    touch-action: none !important;
    cursor: grab !important;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.14), 0 18px 36px rgba(0,0,0,.32) !important;
}
.avatar-crop-frame:active {
    cursor: grabbing !important;
}
.avatar-crop-frame img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    max-width: none !important;
    max-height: none !important;
    user-select: none !important;
    pointer-events: none !important;
    transform-origin: 0 0 !important;
}
.avatar-crop-mask {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    box-shadow: inset 0 0 0 999px rgba(0,0,0,.20), inset 0 0 0 2px rgba(255,255,255,.34) !important;
    border-radius: 28px !important;
}
.avatar-crop-zoom {
    width: min(320px, 76vw) !important;
    margin: 0 auto 14px !important;
    display: grid !important;
    gap: 8px !important;
    color: #d8dced !important;
    font-weight: 900 !important;
}
.avatar-crop-zoom input {
    width: 100% !important;
}
.avatar-crop-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: min(320px, 76vw) !important;
    margin: 0 auto !important;
}
@media (max-width: 420px) {
    .avatar-crop-card {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .avatar-crop-frame {
        border-radius: 22px !important;
    }
    .avatar-crop-mask {
        border-radius: 22px !important;
    }
}


/* ===== Scorpion Shop v79 — profile avatar cache, password button, mobile search ===== */

/* Кнопка смены пароля появляется только когда всё заполнено и пароли совпадают */
#changePasswordForm .profile-password-save-btn {
    display: none !important;
    opacity: 0 !important;
    transform: translateY(4px) !important;
    transition: opacity .2s ease, transform .2s ease !important;
}
#changePasswordForm .profile-password-save-btn.is-visible {
    display: inline-flex !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Поиск: названия игр могут переноситься, а цены на телефоне идут столбиком */
.search-result-item b {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 720px) {
    .search-close-btn {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        padding: 0 !important;
        border-radius: 16px !important;
        font-size: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .search-close-btn .search-close-label {
        display: none !important;
    }
    .search-close-btn .search-close-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        font-size: 30px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
    }
    .search-results .search-result-item,
    .header-search-results .search-result-item {
        align-items: start !important;
    }
    .search-results .search-result-item small,
    .header-search-results .search-result-item small {
        display: grid !important;
        grid-template-columns: auto auto !important;
        justify-content: start !important;
        align-items: center !important;
        gap: 4px 8px !important;
        margin-top: 7px !important;
    }
    .search-results .search-result-item small .search-price,
    .header-search-results .search-result-item small .search-price {
        grid-column: 1 / -1 !important;
        display: block !important;
        margin-top: 1px !important;
        font-size: 15px !important;
    }
}


/* ===== Scorpion Shop v80 — search/support/orders/admin refinements ===== */
.header-search-results .search-result-item small,
.search-results .search-result-item small,
.search-panel .search-result-item small {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    margin-top: 6px !important;
}
.header-search-results .search-result-item small .search-price-row,
.search-results .search-result-item small .search-price-row,
.search-panel .search-result-item small .search-price-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.header-search-results .search-result-item small .search-price,
.search-results .search-result-item small .search-price,
.search-panel .search-result-item small .search-price {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
}

.support-panel {
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.support-panel .support-form.legal-card {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.support-form-grid {
    align-items: end !important;
}
.support-form select[name="order_id"],
.support-form .support-upload-control {
    width: 100% !important;
    min-height: 56px !important;
}
.support-form select[name="order_id"] {
    padding-right: 44px !important;
}
.support-upload-control {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}
.support-upload-control input[type="file"] {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
}
.support-upload-trigger {
    width: 100% !important;
    min-height: 56px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 18px !important;
    font-weight: 900 !important;
    overflow: hidden !important;
}
.support-upload-trigger img {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    object-fit: contain !important;
}
.support-description-label .textarea-counter {
    right: 14px !important;
    bottom: 10px !important;
    padding: 0 !important;
    min-width: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.admin-login-form input[type="email"],
.admin-login-form input[type="password"] {
    min-height: 52px !important;
    height: 52px !important;
    box-sizing: border-box !important;
}

#orders.orders-card {
    max-width: 960px !important;
}
#orders .order-row-v18 {
    width: min(100%, var(--order-card-width, 760px)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: minmax(150px, auto) auto auto auto !important;
    justify-content: space-between !important;
}
#orders .order-items-preview {
    flex-wrap: nowrap !important;
}
#orders .order-actions {
    flex-wrap: wrap !important;
}
#orders .order-items-preview a,
#orders .order-more {
    width: 40px !important;
    height: 52px !important;
}

#support.orders-card {
    max-width: 820px !important;
}
.support-ticket-card {
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.support-ticket-summary {
    grid-template-columns: minmax(0, 1fr) 34px !important;
}
.support-ticket-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}
.support-ticket-meta {
    display: block !important;
    color: #aeb6cf !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}
.support-ticket-icon {
    overflow: hidden !important;
}
.support-ticket-icon-open {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    object-fit: contain !important;
}
.support-ticket-icon-close {
    line-height: 1 !important;
}

@media (max-width: 760px) {
    #orders .order-row-v18 {
        width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    #orders .order-main {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }
    #orders .order-main span {
        white-space: nowrap !important;
        text-align: right !important;
    }
    .support-ticket-card {
        max-width: 100% !important;
    }
    .support-ticket-top {
        align-items: center !important;
    }
    .support-ticket-meta {
        display: inline-block !important;
    }
}


/* ===== Scorpion Shop v81 — cache-safe final fixes for search, support, orders and admin ===== */

/* Desktop and mobile search: current price strictly below old price/discount. */
.header-search-results .search-result-item > span,
.search-results .search-result-item > span,
.search-panel .search-result-item > span {
    min-width: 0 !important;
}
.header-search-results .search-result-item small,
.search-results .search-result-item small,
.search-panel .search-result-item small {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    align-items: start !important;
    gap: 4px !important;
    margin-top: 6px !important;
}
.header-search-results .search-price-row,
.search-results .search-price-row,
.search-panel .search-price-row {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}
.header-search-results .search-price,
.search-results .search-price,
.search-panel .search-price {
    display: block !important;
    grid-column: 1 !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
}
.search-result-item b {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
}

/* Support page: real custom upload button, not the native file control. */
.support-panel {
    max-width: 1080px !important;
    margin-inline: auto !important;
}
.support-panel .support-form.legal-card {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    margin-inline: auto !important;
}
.support-form-grid {
    align-items: end !important;
}
.support-form select[name="order_id"],
.support-upload-control {
    width: 100% !important;
    min-height: 56px !important;
    box-sizing: border-box !important;
}
.support-upload-control {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    cursor: pointer !important;
    overflow: hidden !important;
}
.support-upload-control input[type="file"] {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    appearance: none !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    cursor: pointer !important;
}
.support-upload-control input[type="file"]::file-selector-button,
.support-upload-control input[type="file"]::-webkit-file-upload-button {
    display: none !important;
}
.support-upload-trigger {
    width: 100% !important;
    min-height: 56px !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 18px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}
.support-upload-trigger img {
    display: block !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
}
.support-description-label .textarea-counter {
    right: 14px !important;
    bottom: 10px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

/* Admin login: email and password have identical geometry. */
.admin-login-form {
    width: min(100%, 460px) !important;
}
.admin-login-form label {
    width: 100% !important;
    display: grid !important;
    gap: 7px !important;
}
.admin-login-form .password-field {
    width: 100% !important;
}
.admin-login-form input[type="email"],
.admin-login-form input[type="password"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    box-sizing: border-box !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 52px !important;
}
.admin-login-form .password-field input[type="password"] {
    padding-right: 52px !important;
}

/* Paid orders: width grows with the number of games, up to six. */
#orders.orders-card {
    width: min(100%, 960px) !important;
    max-width: 960px !important;
    margin-inline: auto !important;
}
#orders .order-row-v18 {
    width: min(100%, var(--order-card-width, 576px)) !important;
    max-width: none !important;
    margin-inline: auto !important;
    grid-template-columns: auto auto auto auto !important;
    justify-content: start !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
}
#orders .order-main {
    min-width: 124px !important;
}
#orders .order-items-preview {
    display: flex !important;
    flex-wrap: nowrap !important;
    min-width: 40px !important;
}
#orders .order-items-preview a,
#orders .order-more {
    width: 40px !important;
    min-width: 40px !important;
    height: 52px !important;
}
#orders .order-actions {
    flex-wrap: nowrap !important;
}

/* Support list: compact cards, number and status on one line. */
#support.orders-card {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    margin-inline: auto !important;
}
.support-ticket-list-compact {
    gap: 8px !important;
}
.support-ticket-card {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    margin-inline: auto !important;
    padding: 9px 11px !important;
    border-radius: 15px !important;
}
.support-ticket-summary {
    grid-template-columns: minmax(0, 1fr) 32px !important;
    gap: 9px !important;
    align-items: center !important;
}
.support-ticket-info {
    gap: 4px !important;
}
.support-ticket-top {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
}
.support-ticket-number,
.support-ticket-number b {
    white-space: nowrap !important;
}
.support-ticket-card .support-status {
    min-height: 24px !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
}
.support-ticket-meta {
    display: block !important;
    color: #aeb6cf !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}
.support-ticket-icon {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.support-ticket-icon img.support-ticket-icon-open {
    display: block !important;
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
}
.support-ticket-icon-close {
    font-size: 20px !important;
    line-height: 1 !important;
}

@media (max-width: 760px) {
    #orders .order-row-v18 {
        width: 100% !important;
        grid-template-columns: 1fr !important;
        justify-content: stretch !important;
    }
    #orders .order-main {
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }
    #orders .order-main span {
        margin-left: auto !important;
        white-space: nowrap !important;
        text-align: right !important;
    }
    #orders .order-actions {
        flex-wrap: wrap !important;
    }
    .support-ticket-card {
        width: 100% !important;
        max-width: 100% !important;
    }
    .support-ticket-top {
        flex-wrap: nowrap !important;
    }
    .support-ticket-number b {
        font-size: 14px !important;
    }
    .support-ticket-card .support-status {
        flex: 0 0 auto !important;
    }
}


/* ===== Scorpion Shop v82 — icon cache, compact tickets, wider open chat, cart badge ===== */

/* Счётчик корзины скрыт при нулевом количестве. */
.cart-badge.is-empty {
    display: none !important;
}

/* Закрытые обращения на ПК компактнее, открытое обращение расширяется для чата. */
@media (min-width: 761px) {
    #support.orders-card {
        width: min(100%, 820px) !important;
        max-width: 820px !important;
    }
    .support-ticket-card:not([open]) {
        width: min(100%, 500px) !important;
        max-width: 500px !important;
    }
    .support-ticket-card[open] {
        width: min(100%, 780px) !important;
        max-width: 780px !important;
        padding: 12px 14px !important;
    }
    .support-ticket-card[open] .support-messages,
    .support-ticket-card[open] .support-reply-form {
        width: 100% !important;
        max-width: none !important;
    }
    .support-ticket-card[open] .support-message {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 16px 18px !important;
    }
    .support-ticket-card[open] .support-message p {
        max-width: none !important;
        line-height: 1.62 !important;
    }
}

/* На телефоне дата располагается рядом с номером заказа, а не у края карточки. */
@media (max-width: 760px) {
    #orders .order-main {
        justify-content: flex-start !important;
        gap: 9px !important;
    }
    #orders .order-main span {
        margin-left: 0 !important;
        text-align: left !important;
    }
}


/* ===== Scorpion Shop v83 — mobile ticket overflow, animations, exact card widths ===== */

/* Карточка заказа на ПК теперь следует за фактической шириной содержимого. */
@media (min-width: 901px) {
    #orders .order-row-v18 {
        width: var(--order-card-width, 460px) !important;
        max-width: calc(100% - 8px) !important;
        grid-template-columns: max-content max-content max-content max-content !important;
        justify-content: start !important;
        column-gap: 12px !important;
    }
    #orders .order-main {
        min-width: 0 !important;
        width: max-content !important;
    }
    #orders .order-actions {
        justify-self: start !important;
    }
}

/* Закрытые обращения на ПК короче; открытое — шире только ради чата. */
@media (min-width: 901px) {
    #support.orders-card {
        width: min(100%, 740px) !important;
        max-width: 740px !important;
    }
    .support-ticket-card:not([open]) {
        width: min(100%, 420px) !important;
        max-width: 420px !important;
    }
    .support-ticket-card[open] {
        width: min(100%, 720px) !important;
        max-width: 720px !important;
    }
}

/* Плавное появление содержимого обращения. */
.support-ticket-card[open] .support-messages,
.support-ticket-card[open] .support-reply-form,
.support-ticket-card[open] > .notice {
    animation: supportTicketOpenV83 .32s cubic-bezier(.2,.72,.25,1) both !important;
    transform-origin: top center !important;
}
@keyframes supportTicketOpenV83 {
    from {
        opacity: 0;
        transform: translateY(-8px) scaleY(.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}

/* Любой длинный текст, ссылка или непрерывная строка остаётся внутри рамки чата. */
.support-ticket-card[open],
.support-ticket-card[open] .support-messages,
.support-ticket-card[open] .support-message,
.support-ticket-card[open] .support-message-person,
.support-ticket-card[open] .support-message-person > div,
.support-ticket-card[open] .support-message p,
.support-ticket-card[open] .support-message p a,
.support-ticket-card[open] .support-attachments,
.support-ticket-card[open] .support-reply-form {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.support-ticket-card[open] .support-message-person > div,
.support-ticket-card[open] .support-message p,
.support-ticket-card[open] .support-message p a {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
}
.support-ticket-card[open] .support-message {
    overflow: hidden !important;
}

/* Телефоны и экраны до 900px: кнопки заказа справа, чат строго внутри экрана. */
@media (max-width: 900px) {
    #orders .order-row-v18 {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "main actions"
            "items actions"
            "sum actions" !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 6px !important;
    }
    #orders .order-main {
        grid-area: main !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    #orders .order-main span {
        margin: 0 !important;
        white-space: nowrap !important;
        text-align: left !important;
    }
    #orders .order-items-preview {
        grid-area: items !important;
        justify-self: start !important;
    }
    #orders .order-sum {
        grid-area: sum !important;
        justify-self: start !important;
    }
    #orders .order-actions {
        grid-area: actions !important;
        justify-self: end !important;
        align-self: center !important;
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    #support.orders-card,
    .support-ticket-card,
    .support-ticket-card:not([open]),
    .support-ticket-card[open] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .support-ticket-card[open] {
        padding: 10px !important;
        overflow: hidden !important;
    }
    .support-ticket-card[open] .support-messages {
        width: 100% !important;
        margin: 12px 0 !important;
        overflow: hidden !important;
    }
    .support-ticket-card[open] .support-message {
        width: 100% !important;
        padding: 11px !important;
        border-radius: 14px !important;
    }
    .support-ticket-card[open] .support-message-person {
        width: 100% !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        gap: 8px !important;
    }
    .support-ticket-card[open] .support-message-avatar {
        width: 34px !important;
        height: 34px !important;
    }
    .support-ticket-card[open] .support-message-meta {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 6px !important;
        min-width: 0 !important;
    }
    .support-ticket-card[open] .support-message-meta span {
        flex: 0 0 auto !important;
        font-size: 11px !important;
    }
    .support-ticket-card[open] .support-message p {
        width: 100% !important;
        margin-top: 8px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        text-align: left !important;
    }
}

@media (max-width: 520px) {
    #orders .order-row-v18 {
        padding: 10px !important;
        column-gap: 8px !important;
    }
    #orders .order-actions {
        gap: 6px !important;
    }
    #orders .order-actions .compact-btn {
        padding-inline: 10px !important;
    }
}


/* ===== Scorpion Shop v84 — support message layout, mobile order actions, tabs, search focus ===== */

/* Текст сообщения начинается слева под аватаркой, а не только под именем. */
.support-message-person {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    align-items: start !important;
    min-width: 0 !important;
}
.support-message-person > .support-message-avatar {
    grid-column: 1 !important;
    grid-row: 1 !important;
}
.support-message-person > .support-message-meta {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
}
.support-message-person > p {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}
.support-attachment-missing {
    cursor: pointer !important;
    border-color: rgba(255,80,105,.32) !important;
    color: #ffb2bd !important;
}

/* На ПК ширина заказа определяется реальным содержимым. */
@media (min-width: 901px) {
    #orders .order-row-v18 {
        width: max-content !important;
        max-width: calc(100% - 8px) !important;
    }
    .support-ticket-card:not([open]) {
        width: min(100%, 360px) !important;
        max-width: 360px !important;
    }
    .support-ticket-card[open] {
        width: min(100%, 780px) !important;
        max-width: 780px !important;
    }
    .support-ticket-list-compact {
        justify-items: center !important;
    }
}

@media (max-width: 900px) {
    /* Цена и обе кнопки находятся в одной нижней строке. */
    #orders .order-row-v18 {
        grid-template-areas:
            "main main"
            "items items"
            "sum actions" !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }
    #orders .order-sum {
        align-self: center !important;
    }
    #orders .order-actions {
        align-self: center !important;
        justify-self: end !important;
    }

    /* Вкладки личного кабинета занимают доступную ширину без пустых полей по бокам. */
    .profile-tabs {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .profile-tabs .tab-btn {
        width: 100% !important;
        min-width: 0 !important;
        padding-inline: 8px !important;
        justify-content: center !important;
    }

    /* Чат строго внутри мобильной карточки. */
    .support-ticket-card[open] .support-message-person {
        grid-template-columns: 34px minmax(0, 1fr) !important;
        column-gap: 8px !important;
        row-gap: 7px !important;
    }
    .support-ticket-card[open] .support-message-person > p {
        grid-column: 1 / -1 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 520px) {
    .profile-tabs {
        gap: 6px !important;
    }
    .profile-tabs .tab-btn {
        font-size: 12px !important;
        padding-inline: 5px !important;
    }
    #orders .order-actions .compact-btn {
        min-height: 34px !important;
        padding-inline: 9px !important;
    }
}


/* ===== Scorpion Shop v85 — mobile cart button, cart labels, order date ===== */

/* На сенсорных устройствах состояние "Убрать" всегда зелёное: hover не залипает красным. */
@media (hover: none), (pointer: coarse), (max-width: 760px) {
    .buy-btn.added,
    .buy-btn.added:hover,
    .buy-btn.added:focus,
    .buy-btn.added:focus-visible,
    .buy-btn.added:active {
        background: linear-gradient(180deg, #20df86, #0fa95f) !important;
        border-color: rgba(32,223,134,.66) !important;
        color: #04120a !important;
        box-shadow: 0 12px 28px rgba(16,213,119,.22), inset 0 1px 0 rgba(255,255,255,.25) !important;
        transform: none !important;
        filter: none !important;
    }
}

/* Дата заказа снова у правого края строки с номером на телефоне. */
@media (max-width: 900px) {
    #orders .order-main {
        justify-content: space-between !important;
        gap: 12px !important;
    }
    #orders .order-main span {
        margin-left: auto !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
}


/* ===== Scorpion Shop v86 — promo codes, swipe cart, image cache and profile centering ===== */

.promo-form {
    display: grid !important;
    gap: 8px !important;
    margin: 14px 0 !important;
}
.promo-form > label {
    color: #fff !important;
    font-weight: 950 !important;
}
.promo-form-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
}
.promo-form-row input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.055) !important;
    color: #fff !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    text-transform: uppercase !important;
}
.promo-form small {
    color: var(--muted) !important;
    font-weight: 750 !important;
}
.promo-summary-row span {
    overflow-wrap: anywhere !important;
}
.promo-remove-form {
    margin: -4px 0 10px !important;
}
.promo-remove-form .link-btn {
    padding: 0 !important;
}

/* Мобильный свайп товара влево. */
@media (max-width: 760px), (pointer: coarse) {
    .cart-list {
        overflow: hidden !important;
    }
    .cart-item[data-swipe-cart-item] {
        position: relative !important;
        touch-action: pan-y !important;
        will-change: transform !important;
    }
}

/* Промокоды в админке. */
.admin-promo-create,
.admin-promo-edit {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) minmax(130px, 180px) auto auto !important;
    gap: 12px !important;
    align-items: end !important;
}
.admin-promo-create {
    padding: 16px !important;
    margin-bottom: 18px !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.04) !important;
}
.admin-promo-create label,
.admin-promo-edit label {
    display: grid !important;
    gap: 6px !important;
    color: #d8dced !important;
    font-weight: 900 !important;
}
.admin-promo-create input[type="text"],
.admin-promo-create input:not([type]),
.admin-promo-create input[type="number"],
.admin-promo-edit input[type="text"],
.admin-promo-edit input:not([type]),
.admin-promo-edit input[type="number"] {
    width: 100% !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
}
.admin-promo-active {
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
    white-space: nowrap !important;
}
.admin-promo-list {
    display: grid !important;
    gap: 10px !important;
}
.admin-promo-card {
    padding: 14px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.035) !important;
}
.admin-promo-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

/* Центрируем фактическое содержимое двух секций профиля на ПК. */
@media (min-width: 761px) {
    #profile .profile-section-identity,
    #profile .profile-section-password {
        display: grid !important;
        justify-items: center !important;
    }
    #profile .profile-section-identity > h3,
    #profile .profile-section-password > h3,
    #profile .profile-section-identity .profile-form,
    #profile .profile-section-password .profile-form {
        width: min(340px, 100%) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 760px) {
    .promo-form-row {
        grid-template-columns: 1fr !important;
    }
    .promo-form-row .ghost-btn {
        width: 100% !important;
    }
    .admin-promo-create,
    .admin-promo-edit {
        grid-template-columns: 1fr !important;
    }
    .admin-promo-actions {
        justify-content: stretch !important;
    }
    .admin-promo-actions form,
    .admin-promo-actions button {
        flex: 1 1 0 !important;
        width: 100% !important;
    }
}


/* ===== Scorpion Shop v87 — promo UX, admin promo options and profile alignment ===== */
.promo-form {
    width: min(100%, 360px) !important;
    margin: 16px auto !important;
}
.promo-form-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}
.promo-form-row input {
    min-height: 48px !important;
    font-size: 15px !important;
}
.promo-form-row .ghost-btn {
    width: 100% !important;
    justify-content: center !important;
}
.promo-applied-message {
    margin: 14px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #8dffb1 !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}
.promo-error-message {
    margin: 12px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #ff8c9c !important;
    font-weight: 950 !important;
}
.promo-summary-row,
.promo-remove-form {
    display: none !important;
}

.admin-promo-create,
.admin-promo-edit {
    grid-template-columns: minmax(170px, 1.2fr) minmax(110px, .7fr) minmax(160px, .9fr) minmax(150px, .85fr) auto auto !important;
}
.admin-promo-create select,
.admin-promo-edit select {
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 12px !important;
    background: #11131f !important;
    color: #fff !important;
    padding: 0 12px !important;
    font-weight: 900 !important;
    box-sizing: border-box !important;
}
.admin-promo-usage {
    margin-top: 10px !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

@media (min-width: 761px) {
    #profile.profile-card.tab-content.active {
        grid-template-columns: 340px 240px !important;
        gap: 80px !important;
        justify-content: center !important;
        justify-items: stretch !important;
        max-width: 760px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #profile .profile-section-identity {
        width: 340px !important;
        max-width: 340px !important;
        justify-items: start !important;
    }
    #profile .profile-section-password {
        width: 240px !important;
        max-width: 240px !important;
        justify-items: start !important;
    }
    #profile .profile-section-identity > h3,
    #profile .profile-section-identity .profile-form,
    #profile .profile-section-password > h3,
    #profile .profile-section-password .profile-form {
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 980px) {
    .admin-promo-create,
    .admin-promo-edit {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (max-width: 760px) {
    .admin-promo-create,
    .admin-promo-edit {
        grid-template-columns: 1fr !important;
    }
}


/* ===== Scorpion Shop v88 — admin unread support, filters, chat and order actions ===== */
.admin-nav-link,
.admin-support-nav-link {
    justify-content: space-between !important;
    gap: 10px !important;
}
.admin-nav-badge {
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #ff304a, #d92fff) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    box-shadow: 0 0 18px rgba(255,48,74,.35) !important;
}
.admin-support-filter-form select {
    min-width: 180px !important;
}
.admin-support-chat-card .support-messages {
    width: 100% !important;
}
.admin-support-chat-card .support-message {
    width: 100% !important;
    box-sizing: border-box !important;
}
.admin-support-chat-card .support-message-person {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px 12px !important;
    align-items: start !important;
}
.admin-support-chat-card .support-message-person > .support-message-meta {
    grid-column: 2 !important;
    min-width: 0 !important;
}
.admin-support-chat-card .support-message-person > p {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
.admin-order-status-head {
    min-width: 155px !important;
}
.admin-order-status-filter {
    width: 100% !important;
    min-width: 145px !important;
    min-height: 36px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 10px !important;
    background: #11131f !important;
    color: #fff !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.admin-orders-table {
    min-width: 1160px !important;
}
.admin-order-actions {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
}
.admin-order-actions > form,
.admin-order-actions > a {
    display: flex !important;
    width: 100% !important;
    margin: 0 0 7px !important;
    box-sizing: border-box !important;
}
.admin-order-actions .compact-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.15 !important;
    box-sizing: border-box !important;
}
@media (max-width: 860px) {
    .admin-support-chat-card .support-message-person {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }
    .admin-support-chat-card .support-message-avatar {
        width: 38px !important;
        height: 38px !important;
    }
}


/* ===== Scorpion Shop v89 — persistent tickets, admin photo replies and contained orders table ===== */
.admin-ticket-number-with-unread {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}
.admin-nav-badge.admin-nav-dot {
    width: 10px !important;
    min-width: 10px !important;
    height: 10px !important;
    padding: 0 !important;
    flex: 0 0 10px !important;
    border-radius: 999px !important;
    box-shadow: 0 0 12px rgba(255,48,74,.55) !important;
}
.admin-support-upload-control {
    width: min(320px, 100%) !important;
}
.admin-support-upload-control .support-upload-trigger {
    min-height: 48px !important;
}
.admin-orders-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
}
.admin-orders-table {
    width: 100% !important;
    min-width: 960px !important;
    table-layout: fixed !important;
}
.admin-orders-table th,
.admin-orders-table td {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}
.admin-orders-table th:nth-child(1),
.admin-orders-table td:nth-child(1) {
    width: 125px !important;
}
.admin-orders-table th:nth-child(2),
.admin-orders-table td:nth-child(2) {
    width: 70px !important;
}
.admin-orders-table th:nth-child(3),
.admin-orders-table td:nth-child(3) {
    width: 175px !important;
}
.admin-orders-table th:nth-child(4),
.admin-orders-table td:nth-child(4) {
    width: 85px !important;
}
.admin-orders-table th:nth-child(5),
.admin-orders-table td:nth-child(5) {
    width: 155px !important;
}
.admin-orders-table th:nth-child(6),
.admin-orders-table td:nth-child(6) {
    width: 180px !important;
}
.admin-orders-table th:nth-child(7),
.admin-orders-table td:nth-child(7) {
    width: 170px !important;
}
.admin-order-actions {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    overflow: hidden !important;
}
.admin-order-actions > form,
.admin-order-actions > a,
.admin-order-actions .compact-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* ===== Scorpion Shop v92 — support workflow, persistent reads, upload hover and stable tab icons ===== */
.profile-tab-icon {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 0 !important;
}
.profile-tab-icon svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.support-upload-trigger {
    transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}
@media (hover: hover) and (pointer: fine) {
    .support-upload-control:hover .support-upload-trigger {
        background: rgba(255,255,255,.11) !important;
        border-color: rgba(255,255,255,.3) !important;
        box-shadow: 0 12px 28px rgba(0,0,0,.2) !important;
        transform: translateY(-1px) !important;
    }
}
.support-upload-control:focus-within .support-upload-trigger {
    border-color: rgba(255,48,74,.72) !important;
    box-shadow: 0 0 0 3px rgba(255,48,74,.14) !important;
}
.support-ticket-response,
.admin-support-response {
    scroll-margin-top: 24px !important;
}
.admin-support-head-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
.admin-support-head-actions form {
    margin: 0 !important;
}
@media (max-width: 720px) {
    .admin-support-head-actions {
        width: 100% !important;
        justify-content: stretch !important;
    }
    .admin-support-head-actions form,
    .admin-support-head-actions button,
    .admin-support-head-actions select {
        width: 100% !important;
    }
}


/* ===== Scorpion Shop v93 — fixed promo scope and reply without page movement ===== */
.summary-row.total .summary-total-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
}
.summary-row.total .summary-total-value > b {
    white-space: nowrap !important;
}
.summary-row.total .summary-total-value .discount-badge {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}
.admin-promo-create,
.admin-promo-edit {
    grid-template-columns: minmax(150px, 1.15fr) minmax(105px, .62fr) minmax(145px, .82fr) minmax(155px, .9fr) minmax(135px, .78fr) auto auto !important;
}
.support-reply-form[data-ajax-submitting="1"],
.admin-support-reply[data-ajax-submitting="1"] {
    opacity: .82 !important;
}
.support-reply-form button[disabled],
.admin-support-reply button[disabled] {
    cursor: wait !important;
    pointer-events: none !important;
}
@media (max-width: 1180px) {
    .admin-promo-create,
    .admin-promo-edit {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 760px) {
    .summary-row.total {
        align-items: center !important;
    }
    .summary-row.total .summary-total-value {
        gap: 6px !important;
    }
    .admin-promo-create,
    .admin-promo-edit {
        grid-template-columns: 1fr !important;
    }
}


/* ===== Scorpion Shop v95 — support counters, game meta and global FAQ ===== */
.profile-action,
.profile-tabs .tab-btn[data-tab="support"] {
    position: relative !important;
}
.profile-support-badge,
.profile-tab-badge {
    position: absolute !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: #ff304a !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    box-shadow: 0 0 0 2px #090b15, 0 5px 14px rgba(255,48,74,.35) !important;
}
.profile-support-badge {
    top: -5px !important;
    right: -6px !important;
}
.profile-tab-badge {
    top: 5px !important;
    right: 7px !important;
}
.support-user-badge.is-empty {
    display: none !important;
}
.support-reply-counter-wrap {
    margin-top: 6px !important;
}
.support-reply-counter-wrap textarea {
    width: 100% !important;
    padding-bottom: 34px !important;
    box-sizing: border-box !important;
}
.promo-apply-btn[hidden] {
    display: none !important;
}
.game-activation-kicker {
    margin: 0 0 9px !important;
    color: #8fa0c8 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}
.tabs-section > .tabs {
    justify-content: center !important;
    width: 100% !important;
}
.meta-section .meta-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
}
.meta-section .meta-card,
.meta-section .meta-card:nth-child(n),
.meta-section .meta-card:not(:nth-child(4n)) {
    position: relative !important;
    min-height: 88px !important;
    padding: 17px 18px 16px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
    overflow: hidden !important;
}
.meta-section .meta-card::before {
    content: '' !important;
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: rgba(124,142,188,.72) !important;
    box-shadow: 0 0 14px rgba(124,142,188,.35) !important;
}
.meta-section .meta-label {
    margin-bottom: 8px !important;
    color: rgba(205,213,235,.58) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
.meta-section .meta-value {
    color: #f4f6ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}
.game-faq-list {
    display: grid !important;
    gap: 10px !important;
    width: min(100%, 900px) !important;
    margin: 0 auto !important;
}
.game-faq-item {
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 17px !important;
    background: rgba(255,255,255,.035) !important;
    overflow: hidden !important;
}
.game-faq-item summary {
    min-height: 58px !important;
    padding: 14px 17px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    cursor: pointer !important;
    list-style: none !important;
    color: #f5f6ff !important;
    font-weight: 850 !important;
}
.game-faq-item summary::-webkit-details-marker {
    display: none !important;
}
.game-faq-toggle {
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.07) !important;
    color: #aeb9d9 !important;
    font-size: 21px !important;
    transition: transform .26s ease, background .26s ease !important;
}
.game-faq-item[open] .game-faq-toggle {
    transform: rotate(45deg) !important;
    background: rgba(115,129,177,.2) !important;
}
.game-faq-answer {
    display: grid !important;
    grid-template-rows: 0fr !important;
    opacity: 0 !important;
    transition: grid-template-rows .3s ease, opacity .3s ease !important;
}
.game-faq-item[open] .game-faq-answer {
    grid-template-rows: 1fr !important;
    opacity: 1 !important;
}
.game-faq-answer > div {
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 17px !important;
    color: rgba(225,229,243,.75) !important;
    line-height: 1.7 !important;
}
.game-faq-item[open] .game-faq-answer > div {
    padding-bottom: 17px !important;
}
.admin-faq-create,
.admin-faq-edit {
    display: grid !important;
    gap: 12px !important;
}
.admin-faq-create {
    max-width: 820px !important;
    margin-bottom: 22px !important;
    padding: 18px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.035) !important;
}
.admin-faq-list {
    display: grid !important;
    gap: 14px !important;
    max-width: 900px !important;
}
.admin-faq-card {
    display: grid !important;
    gap: 12px !important;
    padding: 18px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.035) !important;
}
.admin-faq-row {
    display: grid !important;
    grid-template-columns: minmax(130px, 200px) 1fr !important;
    gap: 14px !important;
    align-items: end !important;
}
@media (max-width: 980px) {
    .meta-section .meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 620px) {
    .meta-section .meta-grid {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }
    .meta-section .meta-card,
    .meta-section .meta-card:nth-child(n) {
        min-height: 76px !important;
        padding: 15px 16px !important;
    }
    .tabs-section > .tabs {
        justify-content: center !important;
    }
    .profile-tab-badge {
        top: 3px !important;
        right: 3px !important;
    }
    .admin-faq-row {
        grid-template-columns: 1fr !important;
    }
}


/* ===== Scorpion Shop v96 — profile counters, unified meta, support layout and FAQ polish ===== */
.profile-tabs .tab-btn[data-tab="support"] {
    overflow: visible !important;
}
.profile-tab-badge {
    top: -7px !important;
    right: -7px !important;
    transform: none !important;
}
#orders > h2 {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}
.support-account-head {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.support-account-head h2 {
    margin: 0 !important;
    text-align: center !important;
}
.tabs-section > .section-title {
    text-align: center !important;
}
.meta-section .meta-card::before,
.meta-section .meta-label::before {
    content: none !important;
    display: none !important;
}
@media (min-width: 981px) {
    .meta-section .meta-grid {
        gap: 0 !important;
        padding: 4px !important;
        border: 1px solid rgba(255,255,255,.085) !important;
        border-radius: 22px !important;
        background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
        overflow: hidden !important;
    }
    .meta-section .meta-card,
    .meta-section .meta-card:nth-child(n),
    .meta-section .meta-card:not(:nth-child(4n)) {
        min-height: 92px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}

/* Информация обращения занимает всю ширину, переписка располагается ниже. */
.admin-support-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
}
.admin-support-layout > .admin-support-card:first-child {
    width: 100% !important;
}
.admin-support-layout > .admin-support-card:first-child .legal-list-wide {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}
.admin-support-layout > .admin-support-card:first-child .legal-list-wide li {
    display: flex !important;
    min-width: 0 !important;
    min-height: 82px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
}
.admin-support-layout > .admin-support-card:first-child .legal-list-wide li > span,
.admin-support-layout > .admin-support-card:first-child .legal-list-wide li > b {
    width: 100% !important;
    max-width: none !important;
}
.admin-support-layout > .admin-support-card:first-child .legal-list-wide li > span::after {
    content: none !important;
}
.admin-support-chat-card {
    width: 100% !important;
    max-width: 100% !important;
}

/* FAQ — только содержимое этой вкладки без общей карточки-фона. */
.tabs-section > .tab-content[data-tab-content="faq"] {
    padding: 18px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.game-faq-answer {
    display: block !important;
    height: auto;
    opacity: 1 !important;
    overflow: hidden !important;
    transform: none;
    grid-template-rows: none !important;
    transition: none !important;
}
.game-faq-item:not([open]) > .game-faq-answer {
    display: none !important;
}
.game-faq-answer > div,
.game-faq-item[open] .game-faq-answer > div {
    padding: 0 17px 17px !important;
}

/* Форма и список FAQ в админке. */
.admin-faq-page-head {
    margin-bottom: 16px !important;
}
.admin-faq-create {
    position: relative !important;
    width: min(100%, 920px) !important;
    max-width: none !important;
    gap: 18px !important;
    margin-bottom: 26px !important;
    padding: 22px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 20px 50px rgba(0,0,0,.13) !important;
    overflow: hidden !important;
}
.admin-faq-create::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 3px !important;
    background: linear-gradient(180deg, #7d8cff, #bb6cff) !important;
}
.admin-faq-create-head,
.admin-faq-create-footer,
.admin-faq-edit-footer,
.admin-faq-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
}
.admin-faq-create-head h2 {
    margin: 0 0 5px !important;
    font-size: 22px !important;
}
.admin-faq-create-head p {
    margin: 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
}
.admin-faq-create-icon {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 15px !important;
    background: rgba(126,139,255,.13) !important;
    color: #c9d0ff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}
.admin-faq-create-fields {
    display: grid !important;
    grid-template-columns: minmax(220px, .8fr) minmax(320px, 1.2fr) !important;
    gap: 16px !important;
    align-items: start !important;
}
.admin-faq-create label,
.admin-faq-edit label {
    display: grid !important;
    gap: 8px !important;
    color: #dce1f3 !important;
    font-weight: 850 !important;
}
.admin-faq-create input[type="text"],
.admin-faq-create input:not([type]),
.admin-faq-create textarea,
.admin-faq-edit input[type="text"],
.admin-faq-edit input:not([type]),
.admin-faq-edit textarea {
    width: 100% !important;
    box-sizing: border-box !important;
}
.admin-faq-list {
    width: min(100%, 920px) !important;
    max-width: none !important;
}
.admin-faq-card {
    position: relative !important;
    padding: 18px !important;
    border-radius: 20px !important;
    transition: transform .2s ease, border-color .2s ease, opacity .2s ease !important;
}
.admin-faq-card.is-dragging {
    opacity: .55 !important;
    transform: scale(.99) !important;
    border-color: rgba(137,151,255,.55) !important;
}
.admin-faq-card-head {
    justify-content: flex-start !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.065) !important;
}
.admin-faq-card-head strong {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}
.admin-faq-drag-handle {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.04) !important;
    color: #aeb8d7 !important;
    font-size: 18px !important;
    letter-spacing: -3px !important;
    cursor: grab !important;
    touch-action: none !important;
}
.admin-faq-drag-handle:active {
    cursor: grabbing !important;
}
.admin-faq-position {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.065) !important;
    color: #bec6df !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}
.admin-faq-edit-footer {
    justify-content: flex-end !important;
}
.admin-faq-edit-footer .admin-faq-active {
    margin-right: auto !important;
}
.admin-faq-delete {
    display: flex !important;
    justify-content: flex-end !important;
}

@media (max-width: 1000px) {
    .admin-support-layout > .admin-support-card:first-child .legal-list-wide {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .admin-faq-create-fields {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 620px) {
    .profile-tab-badge {
        top: -6px !important;
        right: -5px !important;
    }
    .admin-support-layout > .admin-support-card:first-child .legal-list-wide {
        grid-template-columns: 1fr !important;
    }
    .admin-faq-create-head,
    .admin-faq-create-footer,
    .admin-faq-edit-footer {
        align-items: stretch !important;
        flex-direction: column !important;
    }
    .admin-faq-create-icon {
        position: absolute !important;
        top: 18px !important;
        right: 18px !important;
    }
    .admin-faq-create-head {
        padding-right: 56px !important;
    }
    .admin-faq-create-footer .primary-btn,
    .admin-faq-edit-footer .ghost-btn {
        width: 100% !important;
    }
}

/* ===== Scorpion Shop v97 — mobile support, daily sales, dynamic orders, slider admin ===== */
.buy-btn.sold-out,
.buy-btn.sold-out:hover,
.buy-btn.sold-out:focus,
.buy-btn.sold-out:active {
    cursor: not-allowed !important;
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.1) !important;
    color: rgba(255,255,255,.48) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Карточка заказа компактна при одной игре и расширяется вместе с превью. */
@media (min-width: 901px) {
    #orders .order-row-v18 {
        width: min(var(--order-card-width, 420px), calc(100% - 12px)) !important;
        min-width: 420px !important;
        margin-left: auto !important;
        margin-right: clamp(8px, 4vw, 48px) !important;
        padding: 12px 14px !important;
        grid-template-columns: max-content max-content max-content max-content !important;
        column-gap: 10px !important;
        justify-content: start !important;
    }
    #orders .order-main {
        min-width: 0 !important;
    }
    #orders .order-items-preview {
        gap: 5px !important;
    }
    #orders .order-sum {
        white-space: nowrap !important;
    }
}

/* На телефоне форма ответа использует всю ширину открытого обращения. */
@media (max-width: 760px) {
    .support-ticket-card[open] .support-ticket-response,
    .support-ticket-card[open] .support-reply-form,
    .support-ticket-card[open] .support-reply-form > label,
    .support-ticket-card[open] .support-reply-counter-wrap,
    .support-ticket-card[open] .support-reply-form textarea,
    .support-ticket-card[open] .support-upload-control,
    .support-ticket-card[open] .support-reply-form > button {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    .support-ticket-card[open] .support-reply-form {
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Характеристики на ПК располагаются строго по центру общего блока. */
@media (min-width: 981px) {
    .meta-section .meta-grid {
        justify-items: stretch !important;
        align-items: stretch !important;
    }
    .meta-section .meta-card {
        display: flex !important;
        min-height: 92px !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .meta-section .meta-label,
    .meta-section .meta-value {
        width: 100% !important;
        text-align: center !important;
    }
}

/* Footer: иконки расположены по центру надписи «Мы в соцсетях». */
.site-footer-v56 .footer-social {
    justify-items: center !important;
    text-align: center !important;
}
.site-footer-v56 .footer-social b {
    width: 100% !important;
    text-align: center !important;
}
.site-footer-v56 .social-icons {
    width: 100% !important;
    justify-content: center !important;
}

/* Поля FAQ выглядят как формы на основном сайте. */
.admin-faq-create input,
.admin-faq-create textarea,
.admin-faq-edit input,
.admin-faq-edit textarea {
    min-height: 50px !important;
    padding: 13px 15px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 15px !important;
    background: rgba(8,10,20,.72) !important;
    color: #fff !important;
    outline: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.admin-faq-create textarea,
.admin-faq-edit textarea {
    min-height: 120px !important;
    resize: vertical !important;
}
.admin-faq-create input:focus,
.admin-faq-create textarea:focus,
.admin-faq-edit input:focus,
.admin-faq-edit textarea:focus {
    border-color: rgba(165,101,255,.72) !important;
    background: rgba(12,14,28,.94) !important;
    box-shadow: 0 0 0 3px rgba(150,83,255,.13) !important;
}

/* Настройки 5 продаж. */
.admin-daily-sales-check {
    min-height: 50px !important;
    padding: 11px 14px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
}

/* Управление слайдами главной. */
.admin-slides-page-head {
    margin-bottom: 18px !important;
}
.admin-slide-create,
.admin-slide-card {
    width: min(100%, 980px) !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025)) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.14) !important;
}
.admin-slide-create {
    display: grid !important;
    gap: 18px !important;
    margin-bottom: 24px !important;
    padding: 22px !important;
}
.admin-slide-fields,
.admin-slide-inline-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}
.admin-slide-fields label,
.admin-slide-edit label {
    display: grid !important;
    gap: 7px !important;
    color: #dfe4f5 !important;
    font-weight: 850 !important;
}
.admin-slide-fields input,
.admin-slide-fields textarea,
.admin-slide-edit input,
.admin-slide-edit textarea {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 14px !important;
    background: rgba(8,10,20,.72) !important;
    color: #fff !important;
}
.admin-slide-fields input:focus,
.admin-slide-fields textarea:focus,
.admin-slide-edit input:focus,
.admin-slide-edit textarea:focus {
    outline: none !important;
    border-color: rgba(165,101,255,.72) !important;
    box-shadow: 0 0 0 3px rgba(150,83,255,.13) !important;
}
.admin-slide-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
}
.admin-slides-list {
    display: grid !important;
    width: min(100%, 980px) !important;
    gap: 16px !important;
}
.admin-slide-card {
    display: grid !important;
    grid-template-columns: minmax(220px, 320px) minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 18px !important;
}
.admin-slide-preview {
    min-height: 210px !important;
    overflow: hidden !important;
    border-radius: 17px !important;
    background: rgba(0,0,0,.2) !important;
}
.admin-slide-preview img {
    width: 100% !important;
    height: 100% !important;
    min-height: 210px !important;
    display: block !important;
    object-fit: cover !important;
}
.admin-slide-edit {
    display: grid !important;
    gap: 13px !important;
}
.admin-slide-delete {
    grid-column: 2 !important;
    display: flex !important;
    justify-content: flex-end !important;
}

@media (max-width: 760px) {
    .admin-slide-fields,
    .admin-slide-inline-fields,
    .admin-slide-card {
        grid-template-columns: 1fr !important;
    }
    .admin-slide-delete {
        grid-column: 1 !important;
    }
    .admin-slide-footer {
        align-items: stretch !important;
        flex-direction: column !important;
    }
    .admin-slide-footer .primary-btn,
    .admin-slide-footer .ghost-btn,
    .admin-slide-delete .danger-btn {
        width: 100% !important;
    }
}
@media (max-width: 760px) {
    .support-ticket-card[open] .support-reply-counter-wrap {
        display: block !important;
    }
}


/* ===== Scorpion Shop v98 — categories, service heartbeat, support and admin polish ===== */
.service-maintenance-banner {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 9px 18px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255,211,76,.3);
    border-bottom: 1px solid rgba(255,211,76,.3);
    background: linear-gradient(90deg, rgba(104,72,0,.92), rgba(151,105,0,.94), rgba(104,72,0,.92));
    color: #fff0b2;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
.service-maintenance-icon {
    width: 22px;
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffd34c;
}
.service-maintenance-icon svg { width: 22px; height: 22px; fill: rgba(255,211,76,.12); stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.primary-btn[disabled], .buy-btn[disabled] { cursor: not-allowed !important; opacity: .62 !important; pointer-events: none !important; box-shadow: none !important; }

/* Профиль: убираем декоративную белую полосу у вкладок. */
.profile-tabs::before,
.profile-tabs::after,
.profile-tabs .tab-btn::before,
.profile-tabs .tab-btn::after { content: none !important; display: none !important; }
.profile-tabs .tab-btn { overflow: visible !important; }

/* Заказы снова строго по центру, ширина по количеству игр. */
@media (min-width: 901px) {
    #orders .order-row-v18 {
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
    }
}

/* Информация обращения: горизонтальная строка без узких вертикальных колонок. */
.admin-support-layout > .admin-support-card:first-child .legal-list-wide {
    width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
}
.admin-support-layout > .admin-support-card:first-child .legal-list-wide li {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 150px !important;
    min-height: 78px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    overflow: hidden !important;
}
.admin-support-layout > .admin-support-card:first-child .legal-list-wide li > span,
.admin-support-layout > .admin-support-card:first-child .legal-list-wide li > b {
    display: block !important;
    width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.35 !important;
}
.admin-support-chat-card { margin-top: 0 !important; }

/* Поиск товаров в админке. */
.admin-products-head { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; }
.admin-products-search {
    width: min(100%, 760px);
    display: grid;
    grid-template-columns: auto minmax(220px,1fr) auto auto;
    align-items: center;
    gap: 10px;
    margin: 16px 0 20px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 17px;
    background: rgba(255,255,255,.035);
}
.admin-products-search-icon { color:#b7bfd9; font-size:22px; }
.admin-products-search input {
    width:100%; min-width:0; min-height:46px; padding:11px 14px;
    border:1px solid rgba(255,255,255,.1); border-radius:13px;
    background:rgba(7,9,18,.72); color:#fff; outline:none;
}
.admin-products-search input:focus { border-color:rgba(167,94,255,.7); box-shadow:0 0 0 3px rgba(155,78,255,.12); }

/* Файлы товара — единые кнопки загрузки. */
.admin-upload-grid { align-items: stretch !important; }
.admin-file-upload-control { display:grid !important; align-content:start !important; gap:9px !important; min-width:0 !important; }
.admin-file-upload-control .admin-upload-label { color:#dfe4f5 !important; font-weight:850 !important; }
.admin-file-upload-control .support-upload-trigger { width:100% !important; min-height:54px !important; box-sizing:border-box !important; }
.admin-file-upload-control .admin-file-error { position:static !important; }

/* Категории. */
.admin-category-create,
.admin-category-card {
    width:min(100%,900px); box-sizing:border-box;
    border:1px solid rgba(255,255,255,.09); border-radius:20px;
    background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
}
.admin-category-create { display:grid; gap:16px; padding:20px; margin-bottom:22px; }
.admin-category-fields,
.admin-category-edit { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.admin-category-fields label,
.admin-category-edit label { display:grid; gap:7px; color:#dfe4f5; font-weight:850; }
.admin-category-fields input,
.admin-category-edit input {
    width:100%; min-width:0; min-height:48px; box-sizing:border-box; padding:12px 14px;
    border:1px solid rgba(255,255,255,.11); border-radius:14px; background:rgba(8,10,20,.72); color:#fff; outline:none;
}
.admin-category-fields input:focus,
.admin-category-edit input:focus { border-color:rgba(165,101,255,.72); box-shadow:0 0 0 3px rgba(150,83,255,.13); }
.admin-category-footer { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.admin-category-list { width:min(100%,900px); display:grid; gap:14px; }
.admin-category-card { display:grid; gap:14px; padding:17px; transition:opacity .2s ease,transform .2s ease,border-color .2s ease; }
.admin-category-card.is-dragging { opacity:.55; transform:scale(.99); border-color:rgba(137,151,255,.55); }
.admin-category-card-head { display:flex; align-items:center; gap:11px; min-width:0; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.065); }
.admin-category-card-head strong { min-width:0; overflow-wrap:anywhere; }
.admin-category-count { margin-left:auto; color:#9ea9c8; font-size:12px; font-weight:850; white-space:nowrap; }
.admin-category-drag-handle {
    width:38px; min-width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;
    border:1px solid rgba(255,255,255,.09); border-radius:12px; background:rgba(255,255,255,.04); color:#aeb8d7;
    font-size:18px; letter-spacing:-3px; cursor:grab; touch-action:none;
}
.admin-category-position { width:28px; min-width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:rgba(255,255,255,.065); color:#bec6df; font-size:12px; font-weight:900; }
.admin-category-delete { display:flex; justify-content:flex-end; }

@media (max-width: 1000px) {
    .admin-support-layout > .admin-support-card:first-child .legal-list-wide { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .admin-support-layout > .admin-support-card:first-child .legal-list-wide li { min-width:0 !important; }
}
@media (max-width: 720px) {
    .service-maintenance-banner { align-items:flex-start; font-size:12px; text-align:left; }
    .admin-products-search { grid-template-columns:auto minmax(0,1fr); }
    .admin-products-search .ghost-btn, .admin-products-search .compact-btn { grid-column:1/-1; width:100%; text-align:center; }
    .admin-category-fields, .admin-category-edit { grid-template-columns:1fr; }
    .admin-category-footer { align-items:stretch; flex-direction:column; }
    .admin-category-footer .primary-btn, .admin-category-footer .ghost-btn { width:100%; }
    .admin-support-layout > .admin-support-card:first-child .legal-list-wide { grid-template-columns:1fr !important; }
}



/* ===== Scorpion Shop v100 — clear fixed background and compact image-only slider ===== */
html {
    background: #05070d !important;
}
body,
body.admin-page {
    position: relative;
    isolation: isolate;
    background: transparent !important;
}
.video-overlay {
    opacity: 1 !important;
    z-index: -1 !important;
    background:
        linear-gradient(rgba(4, 6, 13, .30), rgba(4, 6, 13, .30)),
        url('../images/back.png?v=100') center top / cover no-repeat !important;
    background-attachment: scroll !important;
}
.admin-page .admin-layout {
    background: rgba(6, 8, 16, .78) !important;
    backdrop-filter: blur(7px);
}
.admin-page .admin-sidebar {
    background: rgba(10, 12, 22, .48) !important;
}
.admin-page .admin-content {
    background: rgba(5, 7, 14, .30) !important;
}

.home-showcase[data-hero-slider] {
    width: min(100%, 800px) !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
    margin: 10px auto 28px !important;
    padding: 0 !important;
    background: rgba(5, 7, 14, .52) !important;
}
.home-showcase[data-hero-slider]::before,
.home-showcase[data-hero-slider] .home-slide::after {
    content: none !important;
    display: none !important;
}
.home-showcase[data-hero-slider] .home-slides {
    width: 100% !important;
    height: 100% !important;
}
.home-showcase[data-hero-slider] .home-slide img {
    object-fit: cover !important;
}
.home-showcase[data-hero-slider] .home-showcase-copy {
    display: none !important;
}

@media (max-width: 768px) {
    .video-overlay {
        background:
            linear-gradient(rgba(4, 6, 13, .38), rgba(4, 6, 13, .38)),
            url('../images/back.png?v=100') 22% center / cover no-repeat !important;
    }
    .home-showcase[data-hero-slider] {
        width: 100% !important;
        border-radius: 16px !important;
    }
}


/* ===== Scorpion Shop v101 — 400px slider, visible admin background and simple slide editor ===== */
.site-header {
    background: rgba(13, 16, 27, .88) !important;
    border-bottom-color: rgba(255,255,255,.1) !important;
}
.empty-state {
    border: 0 !important;
}
.home-showcase[data-hero-slider] {
    width: min(100%, 800px) !important;
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
    aspect-ratio: auto !important;
}
.home-showcase[data-hero-slider] .home-slides,
.home-showcase[data-hero-slider] .home-slide,
.home-showcase[data-hero-slider] .home-slide img {
    height: 100% !important;
    min-height: 0 !important;
}

body.admin-page .video-overlay {
    display: block !important;
    opacity: 1 !important;
    background:
        linear-gradient(rgba(4, 6, 13, .22), rgba(4, 6, 13, .22)),
        url('../images/back.png?v=101') center center / cover no-repeat !important;
}
.admin-page .admin-layout {
    background: rgba(6, 8, 16, .64) !important;
    backdrop-filter: blur(6px) !important;
}
.admin-page .admin-sidebar {
    background: rgba(8, 10, 19, .55) !important;
}
.admin-page .admin-content {
    background: rgba(5, 7, 14, .18) !important;
}

.admin-slide-create {
    width: min(520px, 100%) !important;
    display: grid !important;
    gap: 16px !important;
}
.admin-slide-upload-control {
    width: 100% !important;
    max-width: 360px !important;
}
.admin-slide-upload-control .support-upload-trigger {
    min-height: 54px !important;
}
.admin-slides-list[data-slide-sort-list] {
    display: grid !important;
    gap: 14px !important;
}
.admin-slide-card[data-slide-id] {
    display: grid !important;
    grid-template-columns: 76px minmax(220px, 280px) minmax(220px, 360px) auto !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 16px !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 18px !important;
    background: rgba(8, 11, 20, .72) !important;
    transition: opacity .2s ease, transform .2s ease, border-color .2s ease !important;
}
.admin-slide-card[data-slide-id].is-dragging {
    opacity: .55 !important;
    transform: scale(.99) !important;
    border-color: rgba(217,47,255,.55) !important;
}
.admin-slide-sort-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.admin-slide-drag-handle {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.055) !important;
    color: #c6cdea !important;
    font-size: 18px !important;
    letter-spacing: -3px !important;
    cursor: grab !important;
    touch-action: none !important;
}
.admin-slide-drag-handle:active { cursor: grabbing !important; }
.admin-slide-position {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.07) !important;
    color: #c9d0e8 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}
.admin-slide-card[data-slide-id] .admin-slide-preview {
    width: 100% !important;
    height: 138px !important;
    min-height: 138px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}
.admin-slide-card[data-slide-id] .admin-slide-preview img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
}
.admin-slide-card[data-slide-id] .admin-slide-edit {
    display: block !important;
    min-width: 0 !important;
}
.admin-slide-card[data-slide-id] .admin-slide-delete {
    grid-column: auto !important;
    justify-content: flex-end !important;
}

@media (max-width: 900px) {
    .admin-slide-card[data-slide-id] {
        grid-template-columns: 64px minmax(180px, 240px) minmax(180px, 1fr) !important;
    }
    .admin-slide-card[data-slide-id] .admin-slide-delete {
        grid-column: 2 / -1 !important;
    }
}
@media (max-width: 680px) {
    .home-showcase[data-hero-slider] {
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    }
    .admin-slide-card[data-slide-id] {
        grid-template-columns: 1fr !important;
    }
    .admin-slide-sort-head,
    .admin-slide-card[data-slide-id] .admin-slide-delete {
        grid-column: 1 !important;
    }
    .admin-slide-card[data-slide-id] .admin-slide-preview {
        height: 190px !important;
    }
    .admin-slide-upload-control,
    .admin-slide-card[data-slide-id] .admin-slide-delete .danger-btn {
        max-width: none !important;
        width: 100% !important;
    }
}


/* ===== Scorpion Shop v102 — three-card desktop carousel and compact full-image mobile slider ===== */
@media (min-width: 769px) {
    .home-showcase[data-hero-slider] {
        width: min(100%, 1480px) !important;
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
        overflow: hidden !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    .home-showcase[data-hero-slider] .home-slides {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 400px !important;
        overflow: visible !important;
        perspective: 1400px;
    }
    .home-showcase[data-hero-slider] .home-slide {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        inset: auto !important;
        width: min(800px, 60vw) !important;
        height: 400px !important;
        min-height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        overflow: hidden !important;
        border-radius: 20px !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        background: rgba(5,7,14,.78) !important;
        box-shadow: 0 22px 52px rgba(0,0,0,.40) !important;
        transform: translate(-50%, -50%) scale(.72) !important;
        transition:
            transform .72s cubic-bezier(.2,.78,.2,1),
            opacity .52s ease,
            filter .52s ease,
            box-shadow .52s ease !important;
        z-index: 0 !important;
        cursor: default;
    }
    .home-showcase[data-hero-slider] .home-slide.active,
    .home-showcase[data-hero-slider] .home-slide.is-active {
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translate(-50%, -50%) scale(1) !important;
        filter: none !important;
        z-index: 3 !important;
        box-shadow: 0 26px 68px rgba(0,0,0,.48), 0 0 34px rgba(164,44,255,.13) !important;
    }
    .home-showcase[data-hero-slider] .home-slide.is-prev {
        opacity: .62 !important;
        pointer-events: auto !important;
        transform: translate(-150%, -50%) scale(.86) !important;
        filter: brightness(.66) saturate(.78) !important;
        z-index: 1 !important;
        cursor: pointer;
    }
    .home-showcase[data-hero-slider] .home-slide.is-next {
        opacity: .62 !important;
        pointer-events: auto !important;
        transform: translate(50%, -50%) scale(.86) !important;
        filter: brightness(.66) saturate(.78) !important;
        z-index: 1 !important;
        cursor: pointer;
    }
    .home-showcase[data-hero-slider] .home-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    .home-showcase[data-hero-slider] .hero-arrow {
        z-index: 8 !important;
        width: 48px !important;
        height: 68px !important;
        border-radius: 16px !important;
        background: rgba(8,10,19,.58) !important;
        backdrop-filter: blur(8px);
    }
    .home-showcase[data-hero-slider] .hero-arrow-left { left: 12px !important; }
    .home-showcase[data-hero-slider] .hero-arrow-right { right: 12px !important; }
    .home-showcase[data-hero-slider] .hero-dots {
        z-index: 8 !important;
        bottom: 12px !important;
    }
}

@media (max-width: 768px) {
    .home-showcase[data-hero-slider] {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 16 / 9 !important;
        overflow: hidden !important;
        border-radius: 16px !important;
        background: rgba(5,7,14,.82) !important;
    }
    .home-showcase[data-hero-slider] .home-slides,
    .home-showcase[data-hero-slider] .home-slide {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
    }
    .home-showcase[data-hero-slider] .home-slide {
        opacity: 0 !important;
        pointer-events: none !important;
        transform: none !important;
        transition: opacity .48s ease !important;
        border-radius: inherit !important;
        background: rgba(5,7,14,.92) !important;
    }
    .home-showcase[data-hero-slider] .home-slide.active,
    .home-showcase[data-hero-slider] .home-slide.is-active {
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }
    .home-showcase[data-hero-slider] .home-slide.is-prev,
    .home-showcase[data-hero-slider] .home-slide.is-next {
        opacity: 0 !important;
        pointer-events: none !important;
    }
    .home-showcase[data-hero-slider] .home-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        background: rgba(5,7,14,.92) !important;
    }
    .home-showcase[data-hero-slider] .hero-arrow {
        width: 34px !important;
        height: 48px !important;
        font-size: 38px !important;
    }
}


/* ===== Scorpion Shop v103 — full-width desktop carousel and exact 800x400 mobile slides ===== */
@media (min-width: 769px) {
    .home-showcase[data-hero-slider] {
        width: 100vw !important;
        max-width: none !important;
        height: min(400px, 27vw) !important;
        min-height: min(400px, 27vw) !important;
        max-height: 400px !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        overflow: hidden !important;
    }
    .home-showcase[data-hero-slider] .home-slides {
        width: 100vw !important;
        height: 100% !important;
        overflow: visible !important;
    }
    .home-showcase[data-hero-slider] .home-slide {
        width: min(800px, 54vw) !important;
        height: auto !important;
        aspect-ratio: 2 / 1 !important;
    }
    .home-showcase[data-hero-slider] .home-slide.active,
    .home-showcase[data-hero-slider] .home-slide.is-active {
        left: 50% !important;
        transform: translate(-50%, -50%) scale(1) !important;
    }
    .home-showcase[data-hero-slider] .home-slide.is-prev {
        left: calc(50% - min(760px, 52vw)) !important;
        transform: translate(-50%, -50%) scale(.84) !important;
    }
    .home-showcase[data-hero-slider] .home-slide.is-next {
        left: calc(50% + min(760px, 52vw)) !important;
        transform: translate(-50%, -50%) scale(.84) !important;
    }
    .home-showcase[data-hero-slider] .hero-arrow-left {
        left: clamp(12px, 2vw, 32px) !important;
    }
    .home-showcase[data-hero-slider] .hero-arrow-right {
        right: clamp(12px, 2vw, 32px) !important;
    }
}

@media (max-width: 768px) {
    .home-showcase[data-hero-slider] {
        aspect-ratio: 2 / 1 !important;
        background: transparent !important;
    }
    .home-showcase[data-hero-slider] .home-slide {
        background: transparent !important;
    }
    .home-showcase[data-hero-slider] .home-slide img {
        object-fit: cover !important;
        background: transparent !important;
    }
}

/* ===== Scorpion Shop v104 — full-height desktop cards and mobile swipe ===== */
@media (min-width: 769px) {
    .home-showcase[data-hero-slider] {
        height: min(400px, 27vw) !important;
        min-height: min(400px, 27vw) !important;
        max-height: min(400px, 27vw) !important;
    }
    .home-showcase[data-hero-slider] .home-slides {
        position: absolute !important;
        inset: 0 !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }
    .home-showcase[data-hero-slider] .home-slide {
        inset: auto !important;
        top: 0 !important;
        bottom: auto !important;
        width: min(800px, 54vw) !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        aspect-ratio: auto !important;
        transform-origin: center center !important;
        transform: translateX(-50%) scale(.72) !important;
    }
    .home-showcase[data-hero-slider] .home-slide.active,
    .home-showcase[data-hero-slider] .home-slide.is-active {
        transform: translateX(-50%) scale(1) !important;
    }
    .home-showcase[data-hero-slider] .home-slide.is-prev {
        transform: translateX(-50%) scale(.84) !important;
    }
    .home-showcase[data-hero-slider] .home-slide.is-next {
        transform: translateX(-50%) scale(.84) !important;
    }
    .home-showcase[data-hero-slider] .hero-arrow,
    .home-showcase[data-hero-slider] .hero-dots {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .home-showcase[data-hero-slider] {
        touch-action: pan-y !important;
        -webkit-user-select: none;
        user-select: none;
    }
    .home-showcase[data-hero-slider] .home-slide,
    .home-showcase[data-hero-slider] .home-slide img {
        -webkit-user-drag: none;
        user-drag: none;
    }
}

/* ===== Scorpion Shop v106 — категории товаров на главной и бесконечный слайдер ===== */
.home-product-section {
    margin-top: 30px;
}
.home-product-section:first-of-type {
    margin-top: 0;
}
.home-product-section .compact-catalog-head h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(24px, 2.2vw, 32px) !important;
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: -.02em;
}
.home-products-slider {
    position: relative;
    width: 100%;
}

@media (min-width: 861px) {
    .home-products-slider {
        overflow-x: hidden;
        overflow-y: hidden;
        padding: 5px 0 12px;
        scrollbar-width: none;
        cursor: default;
        overscroll-behavior-x: contain;
        touch-action: pan-y;
    }
    .home-products-slider::-webkit-scrollbar {
        display: none;
    }
    .home-products-slider.is-dragging {
        cursor: grabbing;
        user-select: none;
    }
    .home-products-slider.is-dragging * {
        user-select: none !important;
        pointer-events: none !important;
    }
    .home-product-section .home-products-track {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 16px !important;
        width: max-content;
        min-width: 100%;
        align-items: stretch;
    }
    .home-product-section .home-products-track > .product-card {
        flex: 0 0 calc((min(100vw - 48px, 1340px) - 64px) / 5);
        width: calc((min(100vw - 48px, 1340px) - 64px) / 5);
        min-width: 210px;
        max-width: 260px;
    }
    .home-product-section .home-products-track.is-infinite-ready {
        scroll-behavior: auto;
    }
}

@media (max-width: 860px) {
    .home-product-section {
        margin-top: 24px;
    }
    .home-products-slider {
        overflow: visible;
        padding: 0;
    }
    .home-product-section .home-products-track {
        display: grid !important;
        width: 100%;
    }
    .home-product-section .home-products-track > [data-slider-clone] {
        display: none !important;
    }
}

/* Админка категорий главной страницы. */
.admin-home-section-create,
.admin-home-section-card {
    width: min(100%, 980px);
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
}
.admin-home-section-create {
    display: grid;
    gap: 16px;
    padding: 20px;
    margin-bottom: 22px;
}
.admin-home-section-create-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: end;
}
.admin-home-section-create-row label,
.admin-home-section-edit > label:first-of-type {
    display: grid;
    gap: 7px;
    color: #dfe4f5;
    font-weight: 850;
}
.admin-home-section-create-row input,
.admin-home-section-edit input[type="text"],
.admin-home-section-edit input:not([type]) {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 14px;
    background: rgba(8,10,20,.72);
    color: #fff;
    outline: none;
}
.admin-home-section-list {
    width: min(100%, 980px);
    display: grid;
    gap: 16px;
}
.admin-home-section-card {
    display: grid;
    gap: 16px;
    padding: 18px;
    transition: opacity .2s ease, transform .2s ease, border-color .2s ease;
}
.admin-home-section-card.is-dragging {
    opacity: .55;
    transform: scale(.99);
    border-color: rgba(137,151,255,.55);
}
.admin-home-section-card-head {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255,255,255,.065);
}
.admin-home-section-card-head strong {
    min-width: 0;
    overflow-wrap: anywhere;
}
.admin-home-section-count {
    margin-left: auto;
    color: #9ea9c8;
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
}
.admin-home-section-drag-handle,
.admin-home-game-drag-handle {
    width: 38px;
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    background: rgba(255,255,255,.04);
    color: #aeb8d7;
    font-size: 18px;
    letter-spacing: -3px;
    cursor: grab;
    touch-action: none;
}
.admin-home-section-position,
.admin-home-game-position {
    width: 28px;
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,255,255,.065);
    color: #bec6df;
    font-size: 12px;
    font-weight: 900;
}
.admin-home-section-edit {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    gap: 14px;
    align-items: end;
}
.admin-home-section-edit .checkbox-line {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 4px;
    white-space: nowrap;
}
.admin-home-section-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding-top: 2px;
}
.admin-home-section-toolbar > div {
    display: grid;
    gap: 4px;
}
.admin-home-section-toolbar small,
.admin-home-game-name small,
.admin-home-game-picker-item small {
    color: #929dbb;
}
.admin-home-section-games {
    display: grid;
    gap: 8px;
}
.admin-home-section-game {
    display: grid;
    grid-template-columns: auto auto 54px minmax(0,1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 14px;
    background: rgba(4,6,13,.38);
}
.admin-home-section-game.is-dragging {
    opacity: .55;
    border-color: rgba(137,151,255,.55);
}
.admin-home-section-game > img,
.admin-home-game-picker-item > img {
    width: 54px;
    height: 68px;
    object-fit: cover;
    border-radius: 9px;
    background: #0b0e18;
}
.admin-home-game-name {
    min-width: 0;
    display: grid;
    gap: 4px;
}
.admin-home-game-name b {
    overflow-wrap: anywhere;
}
.admin-home-section-empty {
    padding: 18px;
    border: 1px dashed rgba(255,255,255,.11);
    border-radius: 14px;
    color: #929dbb;
    text-align: center;
}
.admin-home-section-delete {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
    border-top: 1px solid rgba(255,255,255,.055);
}
.admin-home-game-modal {
    background: rgba(0,0,0,.72);
    backdrop-filter: blur(10px);
}
.admin-home-game-modal-card {
    width: min(720px, 100%);
    max-height: min(780px, calc(100vh - 40px));
}
.admin-home-game-search-wrap {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 9px;
    margin: 16px 0 14px;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    background: rgba(5,7,15,.72);
}
.admin-home-game-search-wrap input {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    border: 0;
    background: transparent;
    color: #fff;
    outline: none;
}
.admin-home-game-picker {
    display: grid;
    gap: 8px;
}
.admin-home-game-picker-item {
    display: grid;
    grid-template-columns: 54px minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 9px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
}
.admin-home-game-picker-item > div {
    min-width: 0;
    display: grid;
    gap: 4px;
}
.admin-home-game-picker-item b {
    overflow-wrap: anywhere;
}
.admin-home-game-plus {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(177,89,255,.42);
    border-radius: 13px;
    background: linear-gradient(180deg, rgba(176,61,255,.32), rgba(112,43,198,.26));
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    cursor: pointer;
}
.admin-home-game-plus:hover:not(:disabled) {
    border-color: rgba(219,91,255,.78);
    box-shadow: 0 0 20px rgba(190,61,255,.17);
}
.admin-home-game-plus:disabled,
.admin-home-game-plus.is-added {
    cursor: default;
    opacity: .55;
}
.admin-home-game-picker-empty {
    padding: 22px;
    color: #929dbb;
    text-align: center;
}

@media (max-width: 760px) {
    .admin-home-section-create-row,
    .admin-home-section-edit {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .admin-home-section-create-row .primary-btn,
    .admin-home-section-edit .ghost-btn,
    .admin-home-section-add-btn {
        width: 100%;
    }
    .admin-home-section-toolbar {
        align-items: stretch;
        flex-direction: column;
    }
    .admin-home-section-game {
        grid-template-columns: auto auto 46px minmax(0,1fr);
    }
    .admin-home-section-game > img {
        width: 46px;
        height: 58px;
    }
    .admin-home-game-remove-form {
        grid-column: 1 / -1;
    }
    .admin-home-game-remove-form .danger-btn {
        width: 100%;
    }
}

/* ===== Scorpion Shop v107 — популярные игры и автопрокрутка категорий ===== */
@media (min-width: 861px) {
    .home-products-slider.is-infinite-slider {
        cursor: grab;
    }
    .home-products-slider.is-infinite-slider.is-dragging {
        cursor: grabbing;
    }
}

.admin-home-section-create-row {
    grid-template-columns: minmax(0, 1fr) auto auto;
}
.admin-home-section-create-autoplay {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 4px;
    white-space: nowrap;
}
.admin-home-section-edit {
    grid-template-columns: minmax(220px, 1fr) auto auto auto;
}
.admin-home-section-card.is-system-section {
    border-color: rgba(195, 82, 255, .34);
    background: linear-gradient(145deg, rgba(129, 44, 183, .13), rgba(255,255,255,.025));
}
.admin-home-section-lock {
    width: 38px;
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(205, 103, 255, .3);
    border-radius: 12px;
    background: rgba(156, 53, 211, .14);
    color: #e8b5ff;
    font-size: 17px;
}
.admin-home-section-system-badge {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 9px;
    border: 1px solid rgba(202, 100, 255, .28);
    border-radius: 999px;
    background: rgba(153, 49, 210, .13);
    color: #dfb4f5;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}
.admin-home-section-system-note {
    padding: 12px 14px;
    border: 1px solid rgba(188, 91, 236, .2);
    border-radius: 13px;
    background: rgba(120, 40, 164, .08);
    color: #aeb6d1;
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 980px) and (min-width: 761px) {
    .admin-home-section-create-row,
    .admin-home-section-edit {
        grid-template-columns: minmax(220px, 1fr) auto;
    }
    .admin-home-section-edit .ghost-btn,
    .admin-home-section-create-row .primary-btn {
        min-height: 48px;
    }
}

@media (max-width: 760px) {
    .admin-home-section-create-row,
    .admin-home-section-edit {
        grid-template-columns: 1fr;
    }
    .admin-home-section-create-autoplay,
    .admin-home-section-edit .checkbox-line {
        min-height: 42px;
        white-space: normal;
    }
    .admin-home-section-system-badge {
        display: none;
    }
}


/* ===== Scorpion Shop v109 — стабильный фон, мобильное модальное окно и плавные подборки ===== */
.video-overlay {
    position: fixed !important;
    inset: auto !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100lvh !important;
    min-height: 100% !important;
    transform: translate3d(0, 0, 0) scale(1.002) !important;
    transform-origin: center center !important;
    backface-visibility: hidden;
    will-change: transform;
    contain: paint;
}

@media (min-width: 861px) {
    .home-product-section .home-products-track.is-centered-row {
        width: 100% !important;
        min-width: 100% !important;
        justify-content: center !important;
    }
}

.admin-home-game-modal {
    z-index: 10000 !important;
    overflow: hidden;
    isolation: isolate;
}
.admin-home-game-modal-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0;
    overflow: hidden !important;
}
.admin-home-game-search-wrap {
    flex: 0 0 auto;
}
.admin-home-game-picker {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 4px;
}
.admin-home-game-picker-empty {
    flex: 0 0 auto;
}

@media (max-width: 760px) {
    .admin-home-game-modal {
        align-items: flex-end !important;
        justify-content: center !important;
        padding:
            max(10px, env(safe-area-inset-top))
            max(10px, env(safe-area-inset-right))
            max(10px, env(safe-area-inset-bottom))
            max(10px, env(safe-area-inset-left)) !important;
    }
    .admin-home-game-modal-card {
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom))) !important;
        padding: 20px 14px 14px !important;
        border-radius: 22px !important;
    }
    .admin-home-game-modal-card h2 {
        margin-right: 46px !important;
    }
    .admin-home-game-search-wrap {
        margin-top: 12px !important;
    }
    .admin-home-game-picker-item {
        grid-template-columns: 46px minmax(0, 1fr) 42px !important;
        gap: 9px !important;
        padding: 8px !important;
    }
    .admin-home-game-picker-item > img {
        width: 46px !important;
        height: 58px !important;
    }
}

/* ===== Scorpion Shop v110 — компактные категории админки ===== */
.admin-home-section-list {
    gap: 10px;
}
.admin-home-section-card {
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}
.admin-home-section-card-head {
    gap: 9px !important;
    min-height: 58px;
    padding: 9px 11px !important;
    border-bottom: 0 !important;
}
.admin-home-section-drag-handle,
.admin-home-section-lock {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    border-radius: 11px !important;
}
.admin-home-section-position {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
}
.admin-home-section-summary {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 6px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}
.admin-home-section-summary:hover {
    background: rgba(255,255,255,.035);
}
.admin-home-section-summary:focus-visible {
    outline: 2px solid rgba(196, 83, 255, .62);
    outline-offset: 2px;
}
.admin-home-section-summary-title {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 9px;
}
.admin-home-section-summary-title strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admin-home-section-summary .admin-home-section-count {
    margin-left: 0;
}
.admin-home-section-chevron {
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #aeb8d7;
    font-size: 20px;
    line-height: 1;
    transition: transform .2s ease;
}
.admin-home-section-summary[aria-expanded="true"] .admin-home-section-chevron {
    transform: rotate(180deg);
}
.admin-home-section-body {
    display: grid;
    gap: 14px;
    padding: 15px;
    border-top: 1px solid rgba(255,255,255,.065);
    background: rgba(4, 6, 13, .18);
}
.admin-home-section-body[hidden] {
    display: none !important;
}
.admin-home-section-card.is-expanded {
    border-color: rgba(185, 77, 245, .3);
}

@media (max-width: 760px) {
    .admin-home-section-card-head {
        min-height: 54px;
        padding: 8px !important;
        gap: 7px !important;
    }
    .admin-home-section-drag-handle,
    .admin-home-section-lock {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
    }
    .admin-home-section-position {
        display: none !important;
    }
    .admin-home-section-summary {
        gap: 7px;
        padding: 6px 3px;
    }
    .admin-home-section-summary-title {
        gap: 6px;
    }
    .admin-home-section-summary .admin-home-section-count {
        font-size: 11px;
    }
    .admin-home-section-chevron {
        width: 22px;
        min-width: 22px;
    }
    .admin-home-section-body {
        padding: 12px 10px 10px;
        gap: 12px;
    }
}

/* ===== Scorpion Shop v111 — мобильная сортировка и компактные категории главной ===== */
.admin-home-section-create input[type="checkbox"],
.admin-home-section-edit input[type="checkbox"] {
    appearance: auto !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: #b72cff;
    flex: 0 0 18px;
}

.admin-home-section-drag-handle,
.admin-home-game-drag-handle {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: none !important;
}

.admin-home-section-game,
.admin-home-section-card {
    -webkit-user-select: text;
    user-select: text;
}

.admin-home-section-game.is-pointer-dragging,
.admin-home-section-card.is-pointer-dragging {
    position: relative;
    z-index: 5;
    opacity: .74 !important;
    transform: scale(.992);
    box-shadow: 0 14px 34px rgba(0,0,0,.28);
}

body.admin-sort-active,
body.admin-sort-active * {
    -webkit-user-select: none !important;
    user-select: none !important;
}
body.admin-sort-active {
    cursor: grabbing !important;
    overscroll-behavior: none;
}

.notification.admin-server-notification {
    position: fixed !important;
    top: 88px !important;
    right: 18px !important;
    left: auto !important;
    width: auto !important;
    max-width: min(420px, calc(100vw - 32px));
    margin: 0 !important;
    z-index: 12000 !important;
}

@media (max-width: 760px) {
    .admin-categories-page-head {
        margin-bottom: 12px !important;
    }

    .admin-home-section-create {
        gap: 10px !important;
        padding: 13px !important;
        margin-bottom: 14px !important;
        border-radius: 16px !important;
    }

    .admin-home-section-create .admin-section-title {
        gap: 10px !important;
        margin-bottom: 0 !important;
    }

    .admin-home-section-create .admin-section-title > span {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        border-radius: 11px !important;
        font-size: 20px !important;
    }

    .admin-home-section-create .admin-section-title b {
        font-size: 15px !important;
    }

    .admin-home-section-create-row {
        gap: 9px !important;
    }

    .admin-home-section-create-row label:first-child {
        gap: 5px !important;
        font-size: 13px !important;
    }

    .admin-home-section-create-row input:not([type="checkbox"]) {
        min-height: 42px !important;
        padding: 9px 12px !important;
        border-radius: 12px !important;
    }

    .admin-home-section-create-autoplay {
        min-height: 32px !important;
        gap: 8px !important;
        padding: 0 !important;
        font-size: 13px !important;
    }

    .admin-home-section-create-row .primary-btn {
        min-height: 42px !important;
        padding: 9px 14px !important;
        border-radius: 13px !important;
        font-size: 14px !important;
    }

    .admin-home-section-game {
        touch-action: pan-y;
    }

    .admin-home-game-drag-handle {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }

    .notification.admin-server-notification {
        top: max(12px, env(safe-area-inset-top)) !important;
        right: 12px !important;
        left: 12px !important;
        max-width: none;
        text-align: center;
    }
}


/* ===== Scorpion Shop v112 — стабильная прокрутка и мобильная сортировка ===== */
.admin-home-section-drag-handle,
.admin-home-game-drag-handle {
    -webkit-tap-highlight-color: transparent;
}

/* ===== Scorpion Shop v114 — составное описание товара ===== */
.admin-description-builder {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    background: rgba(6,8,17,.48);
}
.admin-description-builder-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.admin-description-builder-head b,
.admin-description-builder-head small {
    display: block;
}
.admin-description-builder-head b {
    color: #fff;
    font-size: 15px;
}
.admin-description-builder-head small {
    margin-top: 4px;
    color: #9299ae;
    font-size: 12px;
    line-height: 1.45;
}
.admin-description-add {
    flex: 0 0 auto;
    min-height: 42px;
    white-space: nowrap;
}
.admin-description-blocks {
    display: grid;
    gap: 14px;
}
.admin-description-block {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(217,47,255,.18);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
}
.admin-description-block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.admin-description-block-head strong {
    color: #fff;
    font-size: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.admin-description-block-actions {
    display: flex;
    align-items: center;
    gap: 7px;
}
.admin-icon-btn {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 11px;
    background: rgba(255,255,255,.05);
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    cursor: pointer;
}
.admin-icon-btn:hover:not(:disabled) {
    border-color: rgba(217,47,255,.46);
    background: rgba(217,47,255,.12);
}
.admin-icon-btn.danger {
    color: #ff9daa;
}
.admin-icon-btn:disabled {
    opacity: .28;
    cursor: default;
}
.admin-description-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    gap: 12px;
}
.admin-description-text-label {
    grid-column: 1 / -1;
}
.admin-description-color-label input[type="color"] {
    width: 100% !important;
    min-height: 46px;
    padding: 5px !important;
    cursor: pointer;
}
.admin-description-media-row {
    display: grid;
    grid-template-columns: minmax(230px, 320px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}
.admin-description-upload {
    min-height: 100%;
}
.admin-description-media-preview {
    display: grid;
    gap: 10px;
    justify-items: start;
    min-width: 0;
}
.admin-description-media-preview.is-empty {
    display: none;
}
.admin-description-media-preview img {
    display: block;
    width: min(100%, 720px);
    max-height: 380px;
    object-fit: contain;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;
    background: rgba(0,0,0,.22);
}
.admin-description-media-preview .danger-btn {
    min-height: 38px;
    padding: 8px 13px;
}

.game-description-blocks {
    display: grid;
    gap: 28px;
}
.game-description-block {
    display: grid;
    gap: 13px;
}
.game-description-block + .game-description-block {
    padding-top: 26px;
    border-top: 1px solid rgba(255,255,255,.075);
}
.game-description-block h3 {
    margin: 0;
    color: var(--description-title-color, #d92fff);
    font-size: clamp(20px, 2.1vw, 29px);
    line-height: 1.2;
    font-weight: 950;
    letter-spacing: .01em;
    text-shadow: 0 0 22px color-mix(in srgb, var(--description-title-color, #d92fff) 28%, transparent);
}
.game-description-text {
    color: #d8dced;
    font-size: 17px;
    line-height: 1.68;
}
.game-description-media {
    display: block;
    width: min(100%, 1000px);
    max-height: 680px;
    margin: 4px auto 0;
    object-fit: contain;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    background: rgba(0,0,0,.18);
    box-shadow: 0 18px 44px rgba(0,0,0,.24);
}

@media (max-width: 760px) {
    .admin-description-builder {
        padding: 12px;
        border-radius: 15px;
    }
    .admin-description-builder-head {
        align-items: stretch;
        flex-direction: column;
    }
    .admin-description-add {
        width: 100%;
    }
    .admin-description-block {
        padding: 12px;
        border-radius: 14px;
    }
    .admin-description-fields,
    .admin-description-media-row {
        grid-template-columns: 1fr;
    }
    .admin-description-text-label {
        grid-column: auto;
    }
    .admin-description-block-actions {
        gap: 5px;
    }
    .admin-icon-btn {
        width: 34px;
        min-width: 34px;
        height: 34px;
    }
    .game-description-blocks {
        gap: 22px;
    }
    .game-description-block + .game-description-block {
        padding-top: 21px;
    }
    .game-description-text {
        font-size: 15px;
        line-height: 1.62;
    }
    .game-description-media {
        border-radius: 13px;
    }
}

/* На телефоне все характеристики находятся на одном общем фоне. */
@media (max-width: 620px) {
    .meta-section .meta-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        padding: 4px !important;
        border: 1px solid rgba(255,255,255,.085) !important;
        border-radius: 19px !important;
        background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
        overflow: hidden !important;
    }
    .meta-section .meta-card,
    .meta-section .meta-card:nth-child(n),
    .meta-section .meta-card:not(:nth-child(4n)) {
        min-height: 68px !important;
        padding: 13px 15px !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.075) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .meta-section .meta-card:last-child {
        border-bottom: 0 !important;
    }
}

/* ===== Scorpion Shop v115 — game editor accordion, protected media and users ===== */
.admin-game-accordion {
    padding: 0 !important;
    overflow: hidden;
}
.admin-game-accordion-toggle {
    width: 100%;
    min-height: 72px;
    margin: 0 !important;
    padding: 16px 20px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}
.admin-game-accordion-toggle > div {
    flex: 1 1 auto;
    min-width: 0;
}
.admin-game-accordion-chevron {
    flex: 0 0 auto;
    width: 34px !important;
    height: 34px !important;
    margin-left: auto;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.06) !important;
    color: #c8cfee !important;
    font-size: 23px;
    font-weight: 700 !important;
    box-shadow: none !important;
    transform: rotate(-90deg);
    transition: transform .22s ease, background .22s ease;
}
.admin-game-accordion.is-open .admin-game-accordion-chevron {
    transform: rotate(0deg);
    background: rgba(217,47,255,.14) !important;
}
.admin-game-accordion-body {
    display: none;
    padding: 0 20px 20px;
}
.admin-game-accordion.is-open .admin-game-accordion-body {
    display: block;
}
.admin-game-form textarea {
    min-height: 150px;
    resize: vertical;
}
.admin-game-form textarea[name="short_description"] {
    min-height: 120px;
}
.admin-description-text-label textarea {
    min-height: 190px;
}

.game-description-block + .game-description-block {
    padding-top: 0 !important;
    border-top: 0 !important;
}
@media (min-width: 761px) {
    .game-description-media {
        width: min(100%, 760px) !important;
        max-height: 520px !important;
    }
}
.game-page-panel [data-protected-media],
.trailer-card [data-protected-media] {
    -webkit-user-drag: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/* Характеристики на одном общем фоне и на ПК, и на телефоне. */
.meta-section .meta-grid {
    gap: 0 !important;
    padding: 4px !important;
    border: 1px solid rgba(255,255,255,.085) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    overflow: hidden !important;
}
.meta-section .meta-card,
.meta-section .meta-card:nth-child(n),
.meta-section .meta-card:not(:nth-child(4n)) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
@media (min-width: 981px) {
    .meta-section .meta-card:not(:nth-child(4n)) {
        border-right: 1px solid rgba(255,255,255,.075) !important;
    }
    .meta-section .meta-card:nth-child(-n+4) {
        border-bottom: 1px solid rgba(255,255,255,.075) !important;
    }
}
@media (min-width: 621px) and (max-width: 980px) {
    .meta-section .meta-card:nth-child(odd) {
        border-right: 1px solid rgba(255,255,255,.075) !important;
    }
    .meta-section .meta-card:not(:nth-last-child(-n+2)) {
        border-bottom: 1px solid rgba(255,255,255,.075) !important;
    }
}
@media (max-width: 620px) {
    .meta-section .meta-card,
    .meta-section .meta-card:nth-child(n) {
        border-bottom: 1px solid rgba(255,255,255,.075) !important;
    }
    .meta-section .meta-card:last-child {
        border-bottom: 0 !important;
    }
    .admin-game-accordion-toggle {
        min-height: 60px;
        padding: 12px 14px;
    }
    .admin-game-accordion-body {
        padding: 0 12px 14px;
    }
    .admin-game-accordion-toggle .admin-section-title > span,
    .admin-game-accordion-toggle > span:first-child {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }
    .admin-game-accordion-toggle small {
        display: none;
    }
}

/* Пользователи в админке. */
.admin-users-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}
.admin-users-head h1 { margin: 0 0 6px; }
.admin-users-head p { margin: 0; color: #9ca5bd; font-weight: 750; }
.admin-users-layout {
    display: grid;
    gap: 18px;
}
.admin-users-layout.has-details {
    grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr);
    align-items: start;
}
.admin-users-list-panel,
.admin-user-details-panel {
    min-width: 0;
}
.admin-users-list {
    display: grid;
    gap: 10px;
}
.admin-user-row {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto 24px;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 16px;
    background: rgba(255,255,255,.035);
    color: #fff;
    text-decoration: none;
    transition: border-color .2s ease, background .2s ease;
}
.admin-user-row:hover,
.admin-user-row.is-selected {
    border-color: rgba(217,47,255,.38);
    background: rgba(217,47,255,.075);
}
.admin-user-avatar {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(217,47,255,.30), rgba(92,66,255,.22));
    border: 1px solid rgba(217,47,255,.28);
    font-weight: 950;
    font-size: 18px;
}
.admin-user-main,
.admin-user-stats {
    display: grid;
    gap: 4px;
    min-width: 0;
}
.admin-user-main strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admin-user-main small,
.admin-user-stats small,
.admin-user-details-head span {
    color: #929bb3;
    line-height: 1.35;
}
.admin-user-stats { text-align: right; }
.admin-user-open { color: #aeb8da; font-size: 26px; }
.admin-user-details-panel {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(17,20,31,.97), rgba(8,11,18,.98));
}
.admin-user-details-head h2 {
    margin: 8px 0 3px;
    overflow-wrap: anywhere;
}
.admin-user-details-close {
    color: #d8ceff;
    text-decoration: none;
    font-weight: 900;
}
.admin-user-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0 22px;
}
.admin-user-summary-grid > div {
    display: grid;
    gap: 7px;
    min-height: 82px;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 14px;
    background: rgba(255,255,255,.03);
}
.admin-user-summary-grid span { color: #929bb3; font-size: 12px; font-weight: 800; }
.admin-user-summary-grid b { overflow-wrap: anywhere; }
.admin-user-orders-head h3 { margin: 0 0 12px; }
.admin-user-orders { display: grid; gap: 12px; }
.admin-user-order-card {
    display: grid;
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: rgba(255,255,255,.028);
}
.admin-user-order-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.admin-user-order-top > div { display: grid; gap: 3px; }
.admin-user-order-top span:not(.admin-status) { color: #929bb3; font-size: 12px; }
.admin-user-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    color: #aeb5c9;
    font-size: 13px;
}
.admin-user-order-items {
    display: grid;
    border-top: 1px solid rgba(255,255,255,.07);
}
.admin-user-order-items > div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.055);
}
.admin-user-receipt-link { justify-self: start; }

@media (max-width: 1100px) {
    .admin-users-layout.has-details { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .admin-user-row {
        grid-template-columns: 42px minmax(0, 1fr) 18px;
        padding: 11px;
    }
    .admin-user-avatar { width: 42px; height: 42px; }
    .admin-user-stats { grid-column: 2 / 3; text-align: left; }
    .admin-user-open { grid-column: 3; grid-row: 1 / 3; }
    .admin-user-summary-grid { grid-template-columns: 1fr 1fr; }
    .admin-user-details-panel { padding: 13px; border-radius: 16px; }
}


/* ===== Scorpion Shop v116 — расширенные блоки страницы игры ===== */
.admin-description-builder + .admin-description-builder {
    margin-top: 18px;
}
.admin-description-builder-head > div {
    min-width: 0;
}
.admin-game-form .admin-description-text-label textarea {
    min-height: 210px;
}
.admin-game-accordion:not(.is-open) .admin-game-accordion-body {
    display: none !important;
}
.admin-user-details-panel-full {
    width: 100%;
    max-width: none;
}
.admin-user-details-panel-full .admin-user-details-head h1 {
    margin: 10px 0 4px;
    overflow-wrap: anywhere;
}
@media (min-width: 761px) {
    .game-description-media,
    .game-content-media {
        width: min(100%, 560px) !important;
        max-height: 410px !important;
    }
}
@media (max-width: 760px) {
    .admin-description-builder + .admin-description-builder {
        margin-top: 14px;
    }
    .admin-game-form .admin-description-text-label textarea {
        min-height: 180px;
    }
}

/* ===== Scorpion Shop v117 — вложенные аккордеоны редактора игры ===== */
.admin-edit-game-name {
    margin: 7px 0 0;
    color: #cdd3e7;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.admin-content-accordion {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 17px;
    background: rgba(6,8,17,.46);
}
.admin-content-accordion + .admin-content-accordion {
    margin-top: 0;
}
.admin-content-accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    min-height: 58px;
    padding: 13px 16px;
    border: 0;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
}
.admin-content-accordion-toggle b {
    font-size: 15px;
    font-weight: 900;
}
.admin-content-accordion-chevron {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    color: #c8cfee;
    font-size: 21px;
    line-height: 1;
    transform: rotate(-90deg);
    transition: transform .2s ease, background .2s ease;
}
.admin-content-accordion.is-open .admin-content-accordion-chevron {
    transform: rotate(0deg);
    background: rgba(217,47,255,.14);
}
.admin-content-accordion-body {
    display: none;
    padding: 0 12px 12px;
}
.admin-content-accordion.is-open .admin-content-accordion-body {
    display: block;
}
.admin-content-accordion .admin-description-builder {
    padding: 12px;
    border-radius: 14px;
    background: rgba(255,255,255,.018);
}
.admin-content-accordion .admin-description-builder-head {
    justify-content: flex-end;
}

.admin-game-form .checkbox-row.admin-visibility-check,
.admin-game-form .checkbox-row.admin-daily-sales-check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 44px;
    padding: 10px 12px;
    cursor: pointer;
}
.admin-game-form .checkbox-row.admin-visibility-check input[type="checkbox"],
.admin-game-form .checkbox-row.admin-daily-sales-check input[type="checkbox"] {
    flex: 0 0 auto;
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.admin-game-form .checkbox-row.admin-visibility-check span,
.admin-game-form .checkbox-row.admin-daily-sales-check span {
    flex: 0 1 auto;
}

@media (max-width: 620px) {
    .admin-content-accordion-toggle {
        min-height: 54px;
        padding: 11px 12px;
    }
    .admin-content-accordion-body {
        padding: 0 9px 9px;
    }
    .admin-content-accordion .admin-description-builder {
        padding: 9px;
    }
}


/* ===== Scorpion Shop v118 — подтверждение почты в поддержке ===== */
.support-email-verification {
    display: grid;
    gap: 7px;
    min-width: 0;
}
.support-email-verification [hidden] {
    display: none !important;
}
.support-email-stage {
    display: grid;
    gap: 7px;
    min-width: 0;
}
.support-email-label {
    color: #fff;
    font-size: 14px;
    font-weight: 850;
}
.support-email-entry-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 8px;
}
.support-email-entry-row input,
.support-email-code-stage input {
    width: 100%;
    min-width: 0;
    min-height: 56px;
    box-sizing: border-box;
}
.support-email-confirm-btn,
.support-email-edit-btn {
    min-height: 56px;
    padding-inline: 17px;
    white-space: nowrap;
}
.support-email-code-stage small {
    color: #9ea7bd;
    font-size: 12px;
    line-height: 1.45;
}
.support-email-code-stage input {
    text-align: center;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: .24em;
}
.support-email-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.support-email-actions .ghost-btn {
    min-height: 38px;
    padding: 8px 12px;
    font-size: 12px;
}
.support-email-success {
    color: #45df8c;
    font-size: 12px;
    font-weight: 900;
}
.support-email-verified-stage input[readonly] {
    color: #eef2ff;
    border-color: rgba(69,223,140,.34);
    background: rgba(69,223,140,.07);
}
.support-email-status {
    min-height: 17px;
    color: #aeb6ca;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
}
.support-email-status:empty {
    display: none;
}
.support-email-status.is-error {
    color: #ff7180;
}
.support-email-status.is-success {
    color: #45df8c;
}
@media (max-width: 620px) {
    .support-email-entry-row {
        grid-template-columns: 1fr;
    }
    .support-email-confirm-btn,
    .support-email-edit-btn {
        width: 100%;
        min-height: 48px;
    }
    .support-email-code-stage input {
        font-size: 19px;
    }
}

/* ===== Scorpion Shop v120 — проверка почты до показа кнопки ===== */
.support-form-grid > .support-email-verification {
    width: 190px !important;
    max-width: 190px !important;
    flex: 0 0 190px !important;
    align-self: end !important;
}
.support-email-entry-row {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}
.support-email-entry-row input,
.support-email-verified-stage input[readonly] {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    box-sizing: border-box !important;
}
.support-email-stage[data-support-email-entry] .support-email-entry-row input {
    padding-right: 15px !important;
}
.support-email-stage[data-support-email-entry] .support-email-entry-row.has-confirm-action input {
    padding-right: 116px !important;
}
.support-email-confirm-btn {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;
    z-index: 2 !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, #ff2d8f, #8f35ff) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(151,45,255,.24), inset 0 1px 0 rgba(255,255,255,.2) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.support-email-confirm-btn:hover {
    transform: translateY(-50%) scale(1.025) !important;
}
.support-email-confirm-btn:disabled {
    opacity: .62 !important;
    cursor: wait !important;
}
.support-email-code-stage > input[data-support-email-code-input] {
    display: none !important;
}
.support-email-code-digits {
    gap: 5px !important;
    width: 100% !important;
}
.support-form .support-email-code-digits input[data-support-code-digit] {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 1000 !important;
    line-height: 42px !important;
    box-sizing: border-box !important;
}
.support-email-actions {
    justify-content: center !important;
    align-items: center !important;
}
.support-email-actions .ghost-btn {
    text-align: center !important;
}
.support-email-registered {
    display: grid !important;
    gap: 7px !important;
    margin-bottom: 1px !important;
}
.support-email-registered[hidden] {
    display: none !important;
}
.support-email-registered > span {
    color: #ff6878 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
}
.support-email-account-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.support-email-account-actions .ghost-btn {
    min-height: 32px !important;
    padding: 6px 9px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    text-decoration: none !important;
}
.support-email-verified-stage .support-email-entry-row input {
    padding-right: 15px !important;
}
@media (max-width: 760px) {
    .support-form-grid > .support-email-verification {
        width: min(100%, 260px) !important;
        max-width: 260px !important;
        flex-basis: 260px !important;
    }
    .support-email-account-actions,
    .support-email-actions {
        justify-content: center !important;
    }
    .support-email-confirm-btn {
        width: auto !important;
        min-height: 36px !important;
        height: 36px !important;
    }
    .support-email-code-digits {
        gap: 6px !important;
    }
    .support-form .support-email-code-digits input[data-support-code-digit] {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        line-height: 44px !important;
        font-size: 19px !important;
    }
}

/* ===== Scorpion Shop v121 — необязательный номер заказа и сброс подтверждённой почты ===== */
.support-email-verified-row {
    position: relative !important;
}
.support-email-verified-stage .support-email-verified-row input[readonly] {
    padding-right: 48px !important;
}
.support-email-clear-btn {
    position: absolute;
    top: 50%;
    right: 7px;
    z-index: 2;
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    transform: translateY(-50%);
    border: 1px solid rgba(255, 107, 124, .28);
    border-radius: 10px;
    background: rgba(255, 62, 87, .10);
    color: #ff7180;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.support-email-clear-btn:hover {
    background: rgba(255, 62, 87, .18);
    border-color: rgba(255, 107, 124, .48);
    transform: translateY(-50%) scale(1.04);
}
.support-email-clear-btn:active {
    transform: translateY(-50%) scale(.96);
}
.support-email-clear-btn svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.25;
    stroke-linecap: round;
}
.support-email-verification > .support-email-status {
    order: -1;
}


/* ===== Scorpion Shop v122 — полное отображение почты и компактное подтверждение ===== */
.support-form-grid > .support-email-verification {
    width: 280px !important;
    max-width: 280px !important;
    flex: 0 0 280px !important;
}
.support-email-stage[data-support-email-entry] .support-email-entry-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
}
.support-email-stage[data-support-email-entry] .support-email-entry-row input,
.support-email-stage[data-support-email-entry] .support-email-entry-row.has-confirm-action input {
    padding-right: 15px !important;
}
.support-email-confirm-btn {
    position: static !important;
    justify-self: end !important;
    transform: none !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 13px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
}
.support-email-confirm-btn:hover,
.support-email-confirm-btn:active {
    transform: none !important;
}
@media (max-width: 760px) {
    .support-form-grid > .support-email-verification {
        width: min(100%, 280px) !important;
        max-width: 280px !important;
        flex-basis: 280px !important;
    }
    .support-email-confirm-btn {
        width: auto !important;
        justify-self: center !important;
    }
}

/* ===== Scorpion Shop v123 — support alignment and email-first registration ===== */
@media (min-width: 761px) {
    .support-form-grid {
        align-items: flex-start !important;
    }
    .support-form-grid > label,
    .support-form-grid > .support-email-verification {
        align-self: flex-start !important;
    }
    .support-form-grid > .support-upload-control {
        margin-top: 24px !important;
    }
    .support-email-stage[data-support-email-entry] .support-email-label {
        min-height: 20px !important;
        display: flex !important;
        align-items: center !important;
    }
    .support-email-stage[data-support-email-entry] .support-email-entry-row {
        min-height: 93px !important;
        align-content: start !important;
    }
    .support-email-confirm-btn {
        margin-top: 0 !important;
    }
}

.support-email-registered {
    order: -1 !important;
}
.support-email-registered + .support-email-label {
    margin-top: 1px !important;
}

.register-email-step,
.register-password-step {
    text-align: left !important;
}
.register-password-step .register-verified-email {
    margin: -2px 0 2px !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}
.register-password-step .register-verified-email b {
    color: #ffffff !important;
}
#registerForm [data-register-complete]:disabled {
    opacity: .48 !important;
    cursor: not-allowed !important;
    transform: none !important;
}
#registerForm [data-register-password-status] {
    margin-top: -5px !important;
    text-align: left !important;
}

/* ===== Scorpion Shop v124 — почта под именем и номером заказа на ПК ===== */
@media (min-width: 761px) {
    .support-form-grid > .support-email-verification {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: none !important;
        flex: none !important;
        align-self: stretch !important;
    }
    .support-email-stage[data-support-email-entry] .support-email-entry-row {
        min-height: 0 !important;
    }
    .support-email-stage[data-support-email-entry] .support-email-label {
        min-height: 0 !important;
    }
}

/* ===== Scorpion Shop v125 — управление пользователями и улучшение слайдеров ===== */
@media (min-width: 861px) {
    .home-product-section.is-short-section .compact-catalog-head {
        justify-content: center !important;
        text-align: center !important;
    }
    .home-product-section.is-short-section .compact-catalog-head > div {
        width: 100%;
        text-align: center;
    }
    .home-products-slider a,
    .home-products-slider img,
    .home-products-slider .product-title {
        -webkit-user-drag: none !important;
        user-drag: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
    .home-showcase[data-hero-slider] {
        cursor: grab;
        -webkit-user-select: none;
        user-select: none;
    }
    .home-showcase[data-hero-slider].is-mouse-dragging {
        cursor: grabbing;
    }
    .home-showcase[data-hero-slider] img,
    .home-showcase[data-hero-slider] a {
        -webkit-user-drag: none !important;
        user-drag: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
}

.admin-user-details-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.admin-user-access-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}
.admin-user-access-badge.is-active {
    border: 1px solid rgba(69, 223, 140, .30);
    background: rgba(69, 223, 140, .10);
    color: #67eba3;
}
.admin-user-access-badge.is-blocked {
    border: 1px solid rgba(255, 91, 111, .34);
    background: rgba(255, 66, 91, .11);
    color: #ff8392;
}
.admin-user-access-panel {
    display: grid;
    gap: 16px;
    margin: 0 0 24px;
    padding: 17px;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 17px;
    background: rgba(255,255,255,.028);
}
.admin-user-access-heading h3 {
    margin: 0 0 5px;
}
.admin-user-access-heading p {
    margin: 0;
    color: #949db5;
    line-height: 1.5;
}
.admin-user-block-form {
    display: grid;
    grid-template-columns: minmax(170px, .7fr) minmax(250px, 1fr) auto;
    align-items: end;
    gap: 12px;
}
.admin-user-block-form > label,
.admin-user-block-duration > label,
.admin-user-block-reason {
    display: grid;
    gap: 7px;
    color: #dce2f3;
    font-size: 13px;
    font-weight: 850;
}
.admin-user-block-duration {
    display: grid;
    grid-template-columns: minmax(100px, .65fr) minmax(130px, 1fr);
    gap: 10px;
}
.admin-user-block-duration[hidden] {
    display: none !important;
}
.admin-user-block-reason {
    grid-column: 1 / -1;
}
.admin-user-block-form input,
.admin-user-block-form select,
.admin-user-block-form textarea {
    width: 100%;
    box-sizing: border-box;
}
.admin-user-block-form textarea {
    min-height: 92px;
    resize: vertical;
}
.admin-user-block-form > .danger-btn {
    min-height: 50px;
}
.admin-user-access-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.admin-user-delete-form {
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.07);
}
.ghost-danger-btn {
    background: transparent !important;
    border: 1px solid rgba(255, 86, 105, .28) !important;
    color: #ff7b8b !important;
    box-shadow: none !important;
}
.ghost-danger-btn:hover {
    background: rgba(255, 65, 88, .10) !important;
    border-color: rgba(255, 86, 105, .48) !important;
}
.admin-user-row.is-blocked {
    border-color: rgba(255, 86, 105, .20);
    background: rgba(255, 65, 88, .035);
}
.admin-user-list-blocked {
    justify-self: end;
    color: #ff7c8c;
    font-size: 11px;
    font-style: normal;
    font-weight: 950;
}
.admin-user-action-notice {
    margin-bottom: 16px;
}

@media (max-width: 760px) {
    .admin-user-details-head {
        display: grid;
    }
    .admin-user-access-badge {
        justify-self: start;
        white-space: normal;
        text-align: center;
    }
    .admin-user-block-form {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .admin-user-block-duration {
        grid-template-columns: 1fr 1fr;
    }
    .admin-user-block-reason,
    .admin-user-block-form > .danger-btn {
        grid-column: auto;
    }
    .admin-user-block-form > .danger-btn,
    .admin-user-access-actions .primary-btn,
    .admin-user-delete-form .danger-btn {
        width: 100%;
    }
    .admin-user-list-blocked {
        justify-self: start;
    }
}

/* ===== Scorpion Shop v126 — support form validation layout ===== */
@media (min-width: 761px) {
    .support-form-grid > label,
    .support-description-label {
        align-content: start !important;
    }
    .support-form-grid > label .field-error,
    .support-description-label .field-error {
        order: 3 !important;
        min-height: 18px !important;
        margin: 0 !important;
        padding-top: 2px !important;
    }
    .support-form-grid > .support-email-verification {
        width: 100% !important;
        max-width: none !important;
        flex: 0 0 100% !important;
    }
    .support-email-stage,
    .support-email-status {
        width: min(100%, 390px) !important;
        max-width: 390px !important;
    }
    .support-email-verification > .support-email-status {
        order: initial !important;
        min-height: 18px !important;
        margin: 0 !important;
        padding-top: 2px !important;
    }
    .support-email-entry-row {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 390px !important;
    }
    .support-email-stage[data-support-email-entry] .support-email-entry-row input,
    .support-email-stage[data-support-email-entry] .support-email-entry-row.has-confirm-action input {
        width: 100% !important;
        max-width: 390px !important;
        padding-right: 118px !important;
    }
    .support-email-stage[data-support-email-entry] .support-email-entry-row:not(.has-confirm-action) input {
        padding-right: 15px !important;
    }
    .support-email-confirm-btn {
        position: absolute !important;
        top: 50% !important;
        right: 7px !important;
        z-index: 3 !important;
        justify-self: auto !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        transform: translateY(-50%) !important;
        border-radius: 11px !important;
    }
    .support-email-confirm-btn:hover {
        transform: translateY(-50%) scale(1.025) !important;
    }
    .support-email-code-stage {
        justify-items: start !important;
    }
    .support-email-code-digits {
        display: grid !important;
        grid-template-columns: repeat(6, 40px) !important;
        justify-content: start !important;
        gap: 7px !important;
        width: auto !important;
        max-width: 100% !important;
    }
    .support-form .support-email-code-digits input[data-support-code-digit] {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        line-height: 40px !important;
        font-size: 17px !important;
        border-radius: 10px !important;
    }
}

.support-email-inline-error {
    position: absolute;
    inset: 0 8px 0 14px;
    z-index: 4;
    display: none;
    align-items: center;
    color: #ff7180;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.25;
    pointer-events: none;
}
.support-email-entry-row.has-inline-error .support-email-inline-error {
    display: flex;
}
.support-email-entry-row.has-inline-error input {
    color: transparent !important;
    caret-color: transparent !important;
    border-color: rgba(255, 80, 105, .75) !important;
    box-shadow: 0 0 0 4px rgba(255, 80, 105, .12), inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.support-email-entry-row.has-inline-error .support-email-confirm-btn {
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 760px) {
    .support-email-inline-error {
        inset-inline: 14px;
    }
}

/* ===== Scorpion Shop v128 — оригинальные изображения, крупный просмотр и видео в контент-блоках ===== */
.media-viewer-stage {
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}
.media-viewer-stage img,
#mediaViewerImg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.admin-description-media-preview img,
.admin-description-media-preview video {
    display: block;
    width: min(100%, 720px);
    max-height: 380px;
    object-fit: contain;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;
    background: rgba(0,0,0,.22);
}
.admin-description-media-preview video {
    aspect-ratio: 16 / 9;
}
.admin-upload-label small {
    color: #8f97b1;
    font-size: 11px;
    font-weight: 700;
}

.game-content-video {
    display: block;
    aspect-ratio: 16 / 9;
    background: #05060b !important;
    pointer-events: none;
}

@media (max-width: 720px) {
    .media-viewer-stage {
        padding: 64px 8px 68px !important;
    }
    .admin-description-media-preview img,
    .admin-description-media-preview video {
        width: 100%;
        max-height: 320px;
    }
}

/* ===== Scorpion Shop v129 — карточки, мобильная страница игры и вкладки ===== */
.product-card::before {
    content: "Навсегда" !important;
}

.product-card[data-title*="unlocktool"]::before {
    display: none !important;
}

.product-cover .product-activation-badge {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 8px;
    z-index: 5;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(8,12,21,.88), rgba(5,8,15,.94));
    color: #fff;
    font-size: 10px;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: .06em;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 8px 22px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(8px);
    pointer-events: none;
}
.product-cover .product-activation-badge svg {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.product-card.is-in-cart .product-cover img {
    filter: blur(2.4px) brightness(.5) saturate(.7) !important;
    transform: scale(1.04) !important;
}
.product-card.is-in-cart .product-title,
.product-card.is-in-cart .price-line,
.product-card.is-in-cart .current-price {
    opacity: .48;
    filter: blur(.45px);
    transition: opacity .22s ease, filter .22s ease;
}
.product-card.is-in-cart .product-cover::before {
    content: "✓ ДОБАВЛЕНО";
    position: absolute;
    inset: 50% auto auto 50%;
    z-index: 6;
    transform: translate(-50%, -50%);
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    background: rgba(13,17,28,.82);
    color: #fff;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .05em;
    white-space: nowrap;
    box-shadow: 0 12px 28px rgba(0,0,0,.38);
    backdrop-filter: blur(8px);
    pointer-events: none;
}

.product-card .buy-btn,
.game-actions .buy-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}
.product-card .buy-btn:not(.sold-out)::before,
.game-actions .buy-btn:not(.sold-out)::before {
    content: "";
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4H3V2H1v2h2l3.6 7.59-1.35 2.45A2 2 0 0 0 7 17h12v-2H7.42a.25.25 0 0 1-.22-.37L8.1 13h7.45a2 2 0 0 0 1.79-1.11L21 5H7Zm1 14a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm9 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4H3V2H1v2h2l3.6 7.59-1.35 2.45A2 2 0 0 0 7 17h12v-2H7.42a.25.25 0 0 1-.22-.37L8.1 13h7.45a2 2 0 0 0 1.79-1.11L21 5H7Zm1 14a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm9 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.product-card .buy-btn.added,
.game-actions .buy-btn.added,
.product-card .buy-btn.added:hover,
.game-actions .buy-btn.added:hover,
.product-card .buy-btn.added:focus,
.game-actions .buy-btn.added:focus {
    background: linear-gradient(180deg, #f04455, #c91f35) !important;
    border-color: rgba(255,105,121,.72) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(201,31,53,.28) !important;
}
.product-card .buy-btn.added::before,
.game-actions .buy-btn.added::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21a2 2 0 0 1-2-2V6H4V4h5V3h6v1h5v2h-1v13a2 2 0 0 1-2 2H7Zm2-4h2V8H9v9Zm4 0h2V8h-2v9Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21a2 2 0 0 1-2-2V6H4V4h5V3h6v1h5v2h-1v13a2 2 0 0 1-2 2H7Zm2-4h2V8H9v9Zm4 0h2V8h-2v9Z'/%3E%3C/svg%3E");
}

.trailer-label-mobile { display: none; }

/* Вкладки без общей карточки-фона. */
.tabs-section > .tab-content,
.tabs-section > .tab-content[data-tab-content="faq"] {
    padding: 18px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* На ПК 4 характеристики в первой строке и 3 равные карточки во второй. */
@media (min-width: 981px) {
    .meta-section .meta-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }
    .meta-section .meta-card,
    .meta-section .meta-card:nth-child(n) {
        grid-column: span 3;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }
    .meta-section .meta-card:nth-child(n+5) {
        grid-column: span 4;
    }
    .meta-section .meta-card:nth-child(1),
    .meta-section .meta-card:nth-child(2),
    .meta-section .meta-card:nth-child(3),
    .meta-section .meta-card:nth-child(5),
    .meta-section .meta-card:nth-child(6) {
        border-right: 1px solid rgba(255,255,255,.075) !important;
    }
    .meta-section .meta-card:nth-child(-n+4) {
        border-bottom: 1px solid rgba(255,255,255,.075) !important;
    }
}

@media (max-width: 760px) {
    .product-cover .product-activation-badge {
        left: 5px;
        right: 5px;
        bottom: 5px;
        min-height: 27px;
        gap: 5px;
        padding: 5px 6px;
        border-radius: 8px;
        font-size: 8px;
        letter-spacing: .035em;
    }
    .product-cover .product-activation-badge svg {
        width: 14px;
        height: 14px;
    }
    .product-card.is-in-cart .product-cover::before {
        padding: 6px 9px;
        font-size: 9px;
    }

    .game-hero-compact .game-main-cover {
        width: fit-content !important;
        max-width: min(72vw, 250px) !important;
        justify-self: center !important;
    }
    .game-hero-compact .game-main-cover img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 340px !important;
    }

    .trailer-label-desktop { display: none; }
    .trailer-label-mobile { display: inline; }

    .tabs-section > .tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 2px 1px 8px !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
    }
    .tabs-section > .tabs::-webkit-scrollbar { display: none; }
    .tabs-section > .tabs .tab-btn {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .header-search input:focus,
    .search-box input:focus,
    #globalSearchInput:focus,
    .search-panel input:focus {
        border-color: #d92fff !important;
        outline-color: #d92fff !important;
        box-shadow: 0 0 0 3px rgba(217,47,255,.18) !important;
    }
}


/* ===== Scorpion Shop v130 — полная плашка активации и тихая корзина ===== */
.product-cover .product-activation-badge {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    min-height: 38px !important;
    gap: 8px !important;
    padding: 8px 14px !important;
    border-width: 1px 0 0 0 !important;
    border-style: solid !important;
    border-color: rgba(255,255,255,.12) !important;
    border-radius: 0 0 18px 18px !important;
    background: linear-gradient(180deg, rgba(6,9,17,.9), rgba(5,8,15,.97)) !important;
    justify-content: center !important;
    box-shadow: 0 -1px 0 rgba(255,255,255,.05), 0 12px 28px rgba(0,0,0,.42) !important;
}
.product-cover .product-activation-badge .product-activation-icon {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
}
.product-cover .product-activation-badge svg {
    display: none !important;
}
.product-card.is-in-cart::before {
    filter: blur(1.5px) brightness(.72) saturate(.85) !important;
    opacity: .42 !important;
}
.product-card.is-in-cart .product-cover .product-activation-badge {
    filter: blur(1.6px) brightness(.68) saturate(.82) !important;
    opacity: .42 !important;
}
@media (max-width: 760px) {
    .product-cover .product-activation-badge {
        min-height: 28px !important;
        gap: 6px !important;
        padding: 6px 8px !important;
        border-radius: 0 0 12px 12px !important;
        font-size: 8px !important;
        letter-spacing: .04em !important;
    }
    .product-cover .product-activation-badge .product-activation-icon {
        width: 14px !important;
        height: 14px !important;
        flex-basis: 14px !important;
    }
}


/* ===== Scorpion Shop v131 — обложка без пустых отступов ===== */
.product-card .product-cover {
    width: calc(100% + 18px) !important;
    margin: -9px -9px 0 !important;
    border-radius: 16px 16px 13px 13px !important;
}
.product-card::before {
    left: -36px !important;
    top: 10px !important;
}
@media (max-width: 760px) {
    .product-card .product-cover {
        border-radius: 15px 15px 12px 12px !important;
    }
    .product-card::before {
        left: -34px !important;
        top: 8px !important;
    }
}


/* ===== Scorpion Shop v132 — мобильные карточки, заголовки и плашка ===== */
.product-cover .product-activation-badge {
    border-radius: 0 !important;
}

@media (max-width: 760px) {
    .home-product-section .compact-catalog-head,
    .home-product-section.is-short-section .compact-catalog-head {
        justify-content: center !important;
        text-align: center !important;
    }
    .home-product-section .compact-catalog-head > div,
    .home-product-section .compact-catalog-head h1,
    .home-product-section .compact-catalog-head h2 {
        width: 100% !important;
        text-align: center !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    .product-card,
    .product-card:hover,
    .product-card:focus,
    .product-card:focus-within {
        transform: none !important;
        box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
    }
    .product-card:hover .product-cover img,
    .product-card:focus-within .product-cover img,
    .product-card.is-in-cart .product-cover img {
        transform: none !important;
    }
    .product-card .buy-btn,
    .product-card .buy-btn:hover,
    .product-card .buy-btn:active,
    .product-card .buy-btn:focus:not(:focus-visible) {
        transform: none !important;
        -webkit-tap-highlight-color: transparent !important;
        outline: none !important;
    }
}

.checkout-disabled-btn,
.checkout-disabled-btn:hover,
.checkout-disabled-btn:active {
    opacity: .48 !important;
    cursor: not-allowed !important;
    transform: none !important;
    filter: grayscale(.2) !important;
    box-shadow: none !important;
}
.checkout-disabled-note {
    margin-top: 12px;
    color: #aeb4c8;
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
}


/* ===== Scorpion Shop v137 — защита медиа и сброс мобильного фокуса карточек ===== */
[data-protected-media],
.media-viewer,
.media-viewer-stage,
.media-viewer-stage img {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    user-drag: none !important;
    -webkit-touch-callout: none !important;
}

@media (max-width: 760px) {
    .product-card,
    .product-card:hover,
    .product-card:active,
    .product-card:focus,
    .product-card:focus-within {
        transform: none !important;
        border-color: rgba(255,255,255,.13) !important;
        box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
        transition: border-color .18s ease, background .18s ease !important;
    }
    .product-card .product-cover img,
    .product-card:hover .product-cover img,
    .product-card:active .product-cover img,
    .product-card:focus .product-cover img,
    .product-card:focus-within .product-cover img {
        transform: none !important;
    }
    .product-card .buy-btn,
    .product-card .buy-btn:hover,
    .product-card .buy-btn:active,
    .product-card .buy-btn:focus,
    .product-card .buy-btn:focus-visible {
        transform: none !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    .product-card a:focus:not(:focus-visible),
    .product-card button:focus:not(:focus-visible) {
        outline: none !important;
    }
}


/* ===== Scorpion Shop v140 — почта, обращения и чекбоксы ===== */
.floating-help-email,
.floating-help-email:visited,
.floating-help-email:hover,
.floating-help-email:focus {
    text-decoration: none !important;
}
.floating-help-email {
    cursor: pointer;
}

.support-account-head {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    text-align: left !important;
}
.support-account-head h2 {
    margin: 0 !important;
    min-width: 0;
    text-align: left !important;
}
.support-account-head .primary-btn {
    flex: 0 0 auto;
}

.checkbox-row input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 3px !important;
    outline: none !important;
    box-shadow: none !important;
    accent-color: #a735ff;
    flex: 0 0 18px;
}
.checkbox-row input[type="checkbox"]:focus,
.checkbox-row input[type="checkbox"]:focus-visible,
.auth-form .checkbox-row input[type="checkbox"]:focus,
.auth-form .checkbox-row input[type="checkbox"]:focus-visible {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

@media (max-width: 520px) {
    .support-account-head {
        gap: 10px !important;
    }
    .support-account-head .primary-btn {
        min-height: 40px !important;
        padding-inline: 14px !important;
        white-space: nowrap;
    }
}


/* ===== Scorpion Shop v141 — заголовок обращений по центру ===== */
.support-account-head {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    text-align: center !important;
}
.support-account-head h2 {
    margin: 0 !important;
    text-align: center !important;
}
.support-account-head .primary-btn {
    flex: 0 0 auto !important;
}

@media (max-width: 520px) {
    .support-account-head {
        justify-content: center !important;
        gap: 10px !important;
    }
}


/* ===== Scorpion Shop v142 — прямые нижние углы плашки активации ===== */
.product-card .product-cover {
    border-radius: 16px 16px 0 0 !important;
}
.product-cover .product-activation-badge {
    border-radius: 0 !important;
}

@media (max-width: 760px) {
    .product-card .product-cover {
        border-radius: 15px 15px 0 0 !important;
    }
}


/* ===== Scorpion Shop v143 — добавление блоков снизу и адаптивное видео ===== */
.admin-description-add-inline {
    grid-column: 1 / -1;
    justify-self: start;
    min-width: 170px;
}
.admin-description-media-preview video {
    width: min(100%, 720px) !important;
    height: auto !important;
    max-height: 380px !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    background: transparent !important;
}
.game-description-media.game-content-video {
    display: block !important;
    width: min(100%, 1000px) !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    background: transparent !important;
}

@media (max-width: 760px) {
    .admin-description-add-inline {
        width: 100% !important;
        justify-self: stretch;
    }
    .admin-description-media-preview video {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }
    .game-description-media.game-content-video {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }
}

/* ===== Scorpion Shop v147 — разделы FAQ: Товары, Платежи, Проблемы ===== */
.game-faq-category-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: min(100%, 900px);
    margin: 0 auto 16px;
}
.game-faq-category-btn {
    min-height: 44px;
    padding: 0 14px 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    background: rgba(255,255,255,.045);
    color: #b9c0d3;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.game-faq-category-btn:hover {
    border-color: rgba(42,238,19,.34);
    color: #2aee13;
}
.game-faq-category-btn.active {
    border-color: rgba(42,238,19,.52);
    background: rgba(42,238,19,.10);
    color: #2aee13;
    box-shadow: inset 0 0 0 1px rgba(42,238,19,.06);
}
.game-faq-category-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    border-radius: 50%;
    background: rgba(255,255,255,.065);
    color: currentColor;
}
.game-faq-category-btn.active .game-faq-category-icon {
    background: #2aee13;
    color: #11150f;
}
.game-faq-category-icon svg {
    width: 17px;
    height: 17px;
    display: block;
    fill: currentColor;
}
.game-faq-category-panel[hidden],
.admin-faq-category-panel[hidden] {
    display: none !important;
}
.game-faq-category-panel .faq-empty-state {
    width: min(100%, 900px);
    margin: 0 auto;
}

.admin-faq-manager {
    width: min(100%, 920px);
}
.admin-faq-category-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    margin: 0 0 18px;
}
.admin-faq-category-tab {
    min-height: 44px;
    padding: 0 13px 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    background: rgba(255,255,255,.045);
    color: #b9c0d3;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}
.admin-faq-category-tab.active {
    border-color: rgba(42,238,19,.52);
    background: rgba(42,238,19,.10);
    color: #2aee13;
}
.admin-faq-category-tab-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    border-radius: 50%;
    background: rgba(255,255,255,.065);
    color: currentColor;
}
.admin-faq-category-tab.active .admin-faq-category-tab-icon {
    background: #2aee13;
    color: #11150f;
}
.admin-faq-category-tab-icon svg {
    width: 17px;
    height: 17px;
    display: block;
    fill: currentColor;
}
.admin-faq-category-tab small {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    color: inherit;
    font-size: 11px;
    font-weight: 950;
}
.admin-faq-create-fields-categorized {
    grid-template-columns: minmax(150px, .42fr) minmax(230px, .78fr) minmax(320px, 1.2fr) !important;
}
.admin-faq-create select,
.admin-faq-edit select {
    width: 100% !important;
    min-height: 50px !important;
    padding: 12px 40px 12px 14px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 15px !important;
    background: rgba(8,10,20,.72) !important;
    color: #fff !important;
    outline: none !important;
    box-sizing: border-box !important;
    font-weight: 800 !important;
}
.admin-faq-create select:focus,
.admin-faq-edit select:focus {
    border-color: rgba(165,101,255,.72) !important;
    background: rgba(12,14,28,.94) !important;
    box-shadow: 0 0 0 3px rgba(150,83,255,.13) !important;
}
.admin-faq-category-panel > .empty-state {
    width: 100%;
}

@media (max-width: 1000px) {
    .admin-faq-create-fields-categorized {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 760px) {
    .game-faq-category-tabs,
    .admin-faq-category-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 1px 1px 7px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .game-faq-category-tabs::-webkit-scrollbar,
    .admin-faq-category-tabs::-webkit-scrollbar {
        display: none;
    }
    .game-faq-category-btn,
    .admin-faq-category-tab {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}


/* ===== Scorpion Shop v148 — центрирование и оформление FAQ ===== */
.game-faq-category-tabs {
    justify-content: center !important;
    text-align: center !important;
}

.game-faq-item,
.game-faq-item summary,
.game-faq-answer,
.game-faq-answer * {
    -webkit-user-select: none !important;
    user-select: none !important;
}

.game-faq-category-btn.active .game-faq-category-icon {
    background: linear-gradient(180deg, #d92fff, #8a3dff) !important;
    color: #ffffff !important;
    box-shadow: 0 0 18px rgba(217,47,255,.28) !important;
}

@media (max-width: 760px) {
    .game-faq-category-tabs {
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* ===== Scorpion Shop v149 — FAQ без зелёных состояний ===== */
.game-faq-category-btn {
    border-color: rgba(255,255,255,.09) !important;
    background: rgba(255,255,255,.045) !important;
    color: #b9c0d3 !important;
    box-shadow: none !important;
}

.game-faq-category-btn:hover,
.game-faq-category-btn:focus,
.game-faq-category-btn:focus-visible {
    border-color: rgba(217,47,255,.44) !important;
    background: rgba(217,47,255,.08) !important;
    color: #e7b6ff !important;
    box-shadow: 0 0 0 3px rgba(217,47,255,.10) !important;
    outline: none !important;
}

.game-faq-category-btn.active,
.game-faq-category-btn.active:hover,
.game-faq-category-btn.active:focus,
.game-faq-category-btn.active:focus-visible {
    border-color: rgba(217,47,255,.62) !important;
    background: rgba(217,47,255,.13) !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(217,47,255,.10), 0 0 18px rgba(217,47,255,.12) !important;
}

.game-faq-category-icon {
    background: rgba(217,47,255,.10) !important;
    color: #d92fff !important;
    box-shadow: none !important;
}

.game-faq-category-btn:hover .game-faq-category-icon,
.game-faq-category-btn:focus .game-faq-category-icon,
.game-faq-category-btn:focus-visible .game-faq-category-icon {
    background: rgba(217,47,255,.18) !important;
    color: #e7b6ff !important;
}

.game-faq-category-btn.active .game-faq-category-icon,
.game-faq-category-btn.active:hover .game-faq-category-icon,
.game-faq-category-btn.active:focus .game-faq-category-icon,
.game-faq-category-btn.active:focus-visible .game-faq-category-icon {
    background: linear-gradient(180deg, #d92fff, #8a3dff) !important;
    color: #ffffff !important;
    box-shadow: 0 0 18px rgba(217,47,255,.28) !important;
}


/* ===== Scorpion Shop v151 — убрана тонкая полоска фото под плашкой активации ===== */
.product-card .product-cover {
    overflow: hidden !important;
}

.product-cover .product-activation-badge {
    bottom: -1px !important;
    margin-bottom: 0 !important;
    box-shadow:
        0 -1px 0 rgba(255,255,255,.05),
        0 12px 28px rgba(0,0,0,.42),
        0 2px 0 rgba(5,8,15,.98) !important;
}

@media (max-width: 760px) {
    .product-cover .product-activation-badge {
        bottom: -1px !important;
    }
}


/* ===== Scorpion Shop v152 — фото больше не просвечивает под плашкой при hover ===== */
.product-card .product-cover {
    background: #05080f !important;
}

.product-card .product-cover > img {
    width: 100% !important;
    height: calc(100% - 38px) !important;
    margin: 0 !important;
    object-fit: cover !important;
    transform: none !important;
}

.product-card:hover .product-cover > img,
.product-card:focus-within .product-cover > img {
    transform: none !important;
}

.product-cover .product-activation-badge {
    bottom: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    z-index: 8 !important;
}

@media (max-width: 760px) {
    .product-card .product-cover > img {
        height: calc(100% - 28px) !important;
    }

    .product-cover .product-activation-badge {
        bottom: 0 !important;
        height: 28px !important;
        min-height: 28px !important;
    }
}


/* ===== Scorpion Shop v153 — изображение начинается строго от верхнего края ===== */
.product-card .product-cover {
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.product-card .product-cover > img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    display: block !important;
    z-index: 1 !important;
}

.product-card .product-cover::after {
    z-index: 2 !important;
}

.product-cover .product-activation-badge {
    z-index: 8 !important;
}


/* ===== Scorpion Shop v154 — кнопка возврата к покупкам в пустой корзине ===== */
.cart-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.cart-empty-state > .empty-state {
    width: 100%;
    box-sizing: border-box;
}

.cart-empty-buy-btn {
    width: min(100%, 260px) !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

@media (max-width: 520px) {
    .cart-empty-buy-btn {
        width: min(100%, 220px) !important;
    }
}

/* ===== Scorpion Shop v155 — тестовая оплата Т-Банк ===== */
.checkout-form {
    margin-top: 16px;
}
.checkout-form .primary-btn {
    width: 100%;
}
.checkout-test-note {
    margin-top: 10px;
    color: #9fa7bd;
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
}
.payment-wait-card.is-failed .payment-state-icon {
    background: rgba(240,68,85,.14);
    color: #ff6475;
    box-shadow: inset 0 0 0 1px rgba(240,68,85,.24), 0 14px 34px rgba(240,68,85,.12);
}
.payment-wait-card.is-failed #paymentWaitTitle {
    color: #ff7b8a;
}


/* ===== Scorpion Shop v163 — фиолетовый hover, медиа-слайдер и единые заказы ===== */

/* Поиск и корзина: вместо красного используется фирменный фиолетовый. */
.search-result-item:hover,
.search-result-item:focus-visible {
    background: rgba(217,47,255,.12) !important;
    border-color: rgba(217,47,255,.52) !important;
    box-shadow: 0 12px 28px rgba(145,44,255,.14) !important;
}

.cart-item:hover,
.cart-item:focus-within {
    border-color: rgba(217,47,255,.52) !important;
    background: rgba(217,47,255,.075) !important;
    box-shadow: 0 18px 36px rgba(119,34,255,.18) !important;
}

/* На ПК полоса медиа перемещается свободно, без прилипания к карточкам. */
@media (min-width: 761px) {
    .media-slider {
        scroll-snap-type: none !important;
        scroll-behavior: auto !important;
        scroll-padding: 0 !important;
    }

    .media-slider .media-slide {
        scroll-snap-align: none !important;
        scroll-snap-stop: normal !important;
    }
}

/* На телефоне один жест переводит строго к одному соседнему изображению. */
@media (max-width: 760px) {
    .media-slider {
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        overscroll-behavior-x: contain !important;
        touch-action: pan-y !important;
    }

    .media-slider .media-slide {
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
    }
}

/* Все строки оплаченных заказов имеют одинаковые колонки независимо от
   наличия кнопки чека. Цена, превью и «Получить» больше не смещаются. */
#orders .order-row-v18 {
    width: min(100%, 680px) !important;
    max-width: 680px !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    grid-template-columns: 124px minmax(40px, 1fr) 64px 164px !important;
    justify-content: stretch !important;
    column-gap: 10px !important;
}

#orders .order-main {
    min-width: 0 !important;
}

#orders .order-items-preview {
    min-width: 40px !important;
    overflow: hidden !important;
}

#orders .order-sum {
    min-width: 64px !important;
    text-align: right !important;
}

#orders .order-actions {
    width: 164px !important;
    min-width: 164px !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
}

@media (max-width: 520px) {
    #orders .order-row-v18 {
        width: 100% !important;
        grid-template-areas:
            "main items"
            "sum actions" !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        row-gap: 10px !important;
    }

    #orders .order-main {
        grid-area: main !important;
    }

    #orders .order-items-preview {
        grid-area: items !important;
        justify-self: end !important;
    }

    #orders .order-sum {
        grid-area: sum !important;
        justify-self: start !important;
        text-align: left !important;
    }

    #orders .order-actions {
        grid-area: actions !important;
        width: auto !important;
        min-width: 0 !important;
        justify-self: end !important;
    }
}


/* ===== Scorpion Shop v164 — поиск, медиа и раскрывающиеся заказы ===== */

/* Результаты поиска прокручиваются колесом/касанием, но системная полоса
   прокрутки справа больше не отображается. */
.header-search-results.open {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
.header-search-results.open::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

/* Фирменный фиолетовый hover у изображений медиаслайдера. */
.media-slide.media-image-button:hover,
.media-slide.media-image-button:focus-visible {
    border-color: rgba(217,47,255,.68) !important;
    box-shadow:
        0 18px 36px rgba(103,31,255,.24),
        0 0 0 2px rgba(217,47,255,.12) inset !important;
    outline: none !important;
}

/* Новый компактный список оплаченных заказов. */
.paid-order-list {
    width: min(100%, 720px);
    margin-inline: auto;
    display: grid;
    gap: 12px;
}

.paid-order-card {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(21,23,33,.94), rgba(14,16,25,.96));
    box-shadow: 0 14px 32px rgba(0,0,0,.18);
}

.paid-order-card[open] {
    border-color: rgba(217,47,255,.34);
    box-shadow: 0 18px 40px rgba(92,28,224,.16);
}

.paid-order-summary {
    min-height: 72px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 24px;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background .18s ease;
}

.paid-order-summary::-webkit-details-marker {
    display: none;
}

.paid-order-summary:hover {
    background: rgba(217,47,255,.07);
}

.paid-order-summary-title {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.paid-order-summary-title b {
    color: #fff;
    font-size: 17px;
    line-height: 1.2;
}

.paid-order-summary-title span {
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
}

.paid-order-summary-total {
    color: #fff;
    font-size: 17px;
    font-weight: 950;
    white-space: nowrap;
}

.paid-order-summary-arrow {
    color: #d92fff;
    font-size: 24px;
    line-height: 1;
    transform: rotate(0deg);
    transition: transform .18s ease;
}

.paid-order-card[open] .paid-order-summary-arrow {
    transform: rotate(180deg);
}

.paid-order-details {
    display: grid;
    gap: 18px;
    padding: 4px 18px 18px;
    border-top: 1px solid rgba(255,255,255,.075);
}

.paid-order-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding-top: 16px;
}

.paid-order-meta > div {
    min-width: 0;
    display: grid;
    gap: 5px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
}

.paid-order-meta span,
.paid-order-total span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.paid-order-meta b {
    color: #fff;
    font-size: 14px;
}

.paid-order-products {
    display: grid;
    gap: 9px;
}

.paid-order-products h3 {
    margin: 0 0 2px;
    font-size: 15px;
}

.paid-order-product {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
    color: #fff;
    text-decoration: none;
    transition: border-color .18s ease, background .18s ease;
}

.paid-order-product:hover,
.paid-order-product:focus-visible {
    border-color: rgba(217,47,255,.42);
    background: rgba(217,47,255,.065);
    outline: none;
}

.paid-order-product img {
    width: 50px;
    height: 50px;
    border-radius: 11px;
    object-fit: cover;
    background: #10121d;
}

.paid-order-product span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 850;
}

.paid-order-product b {
    white-space: nowrap;
}

.paid-order-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.075);
}

.paid-order-total b {
    color: #fff;
    font-size: 19px;
}

.paid-order-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 620px) {
    .paid-order-summary {
        grid-template-columns: minmax(0, 1fr) 22px;
        gap: 10px;
        padding: 14px;
    }

    .paid-order-summary-total {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: start;
    }

    .paid-order-summary-arrow {
        grid-column: 2;
        grid-row: 1;
    }

    .paid-order-details {
        padding: 4px 14px 14px;
    }

    .paid-order-meta {
        grid-template-columns: 1fr;
    }

    .paid-order-product {
        grid-template-columns: 46px minmax(0, 1fr);
    }

    .paid-order-product img {
        width: 46px;
        height: 46px;
    }

    .paid-order-product b {
        grid-column: 2;
        justify-self: start;
        color: var(--muted);
        font-size: 13px;
    }

    .paid-order-actions {
        justify-content: stretch;
    }

    .paid-order-actions .compact-btn {
        flex: 1 1 150px;
    }
}


/* ===== Scorpion Shop v165 — иконка заказа и фокус промокода ===== */

/* Поле промокода использует фирменный фиолетовый фокус. */
#cartPromoCode:focus-visible {
    border-color: #d92fff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(217,47,255,.18) !important;
}

/* Иконка оплаченного заказа полностью повторяет иконку обращения поддержки. */
.paid-order-summary-arrow.support-ticket-icon {
    grid-column: auto !important;
    grid-row: auto !important;
    transform: none !important;
    color: #b7ffce !important;
    background: rgba(37,211,102,.16) !important;
    border-color: rgba(37,211,102,.38) !important;
}

.paid-order-summary-arrow.support-ticket-icon img.support-ticket-icon-open {
    display: block !important;
}

.paid-order-summary-arrow.support-ticket-icon .support-ticket-icon-close {
    display: none !important;
}

.paid-order-card[open] .paid-order-summary-arrow.support-ticket-icon {
    transform: none !important;
    color: #ffc2cb !important;
    background: rgba(255,80,105,.16) !important;
    border-color: rgba(255,80,105,.42) !important;
}

.paid-order-card[open] .paid-order-summary-arrow.support-ticket-icon img.support-ticket-icon-open {
    display: none !important;
}

.paid-order-card[open] .paid-order-summary-arrow.support-ticket-icon .support-ticket-icon-close {
    display: inline !important;
}

@media (max-width: 620px) {
    .paid-order-summary-arrow.support-ticket-icon {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
}


/* ===== Scorpion Shop v166 — кнопки оплаты и SEO/Метрика ===== */
.payment-wait-actions .ghost-btn,
.payment-wait-actions .primary-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.2 !important;
}


/* ===== Scorpion Shop v167 — очередь чеков «Мой налог» ===== */
.receipt-health-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.receipt-health-card {
    display: grid;
    gap: 7px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 16px;
    background: rgba(255,255,255,.035);
}

.receipt-health-card span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.receipt-health-card b {
    color: #fff;
    font-size: 17px;
}

.receipt-health-ok {
    color: #61e990 !important;
}

.receipt-health-warn {
    color: #ffbd64 !important;
}

.admin-receipt-section {
    display: grid;
    gap: 12px;
    margin-top: 22px;
}

.admin-receipt-section-head {
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-receipt-section-head h2 {
    margin: 0;
}

.admin-receipt-error-cell {
    min-width: 260px;
    max-width: 460px;
    color: #ffc1ca;
    white-space: normal;
    overflow-wrap: anywhere;
}

.admin-receipt-note {
    margin-top: 22px;
}

@media (max-width: 900px) {
    .receipt-health-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .receipt-health-grid {
        grid-template-columns: 1fr;
    }
}


/* ===== Scorpion Shop v168 — очистка тестовых данных ===== */
.maintenance-count-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.admin-danger-zone {
    display: grid;
    gap: 14px;
    padding: 20px;
    border: 1px solid rgba(255,80,105,.34);
    border-radius: 18px;
    background: rgba(255,80,105,.055);
}

.admin-danger-zone h2,
.admin-danger-zone p {
    margin: 0;
}

.admin-danger-zone form {
    display: grid;
    justify-items: start;
    gap: 14px;
}

.admin-cleanup-confirm {
    align-items: flex-start !important;
}

@media (max-width: 620px) {
    .maintenance-count-grid {
        grid-template-columns: 1fr;
    }

    .admin-danger-zone .danger-btn {
        width: 100%;
    }
}


/* ===== Scorpion Shop v169 — крестик восстановления пароля ===== */

/* Кнопка закрытия окна авторизации/восстановления находится в крайнем
   правом верхнем углу карточки и имеет понятный hover/focus. */
#authModal .auth-card > .modal-close {
    top: 0 !important;
    right: 0 !important;
    width: 48px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 0 0 18px !important;
    background: rgba(255,255,255,.075) !important;
    color: #fff !important;
    transition:
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease !important;
}

#authModal .auth-card > .modal-close:hover,
#authModal .auth-card > .modal-close:focus-visible {
    background: rgba(217,47,255,.22) !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(217,47,255,.3) inset !important;
    outline: none !important;
}


/* ===== Scorpion Shop v178 — дата выхода и таймер начала продаж ===== */
.product-cover .product-release-date-badge {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 38px;
    z-index: 5;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-top: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg, rgba(132,28,166,.92), rgba(78,17,112,.96));
    color: #fff;
    font-size: 10px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: .025em;
    text-align: center;
    box-shadow: 0 -8px 24px rgba(0,0,0,.22);
    pointer-events: none;
}

.product-card .buy-btn.release-countdown,
.game-actions .buy-btn.release-countdown {
    opacity: 1 !important;
    color: #fff !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: .045em;
    cursor: default !important;
    background: linear-gradient(180deg, #8142aa, #51206f) !important;
    border-color: rgba(220,149,255,.58) !important;
    box-shadow: 0 10px 24px rgba(91,28,124,.3) !important;
}

.product-card .buy-btn.release-countdown::before,
.game-actions .buy-btn.release-countdown::before {
    display: none !important;
    content: none !important;
}

.product-card .buy-btn.release-countdown[disabled],
.game-actions .buy-btn.release-countdown[disabled] {
    opacity: 1 !important;
}

.admin-form-grid label > small {
    display: block;
    margin-top: 6px;
    color: #8f97b1;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 650;
}

@media (max-width: 760px) {
    .product-cover .product-release-date-badge {
        bottom: 28px;
        min-height: 25px;
        padding: 4px 6px;
        font-size: 8px;
        letter-spacing: .015em;
    }

    .product-card .buy-btn.release-countdown {
        font-size: 10px !important;
        letter-spacing: .025em !important;
    }
}


/* ===== Scorpion Shop v181 — относительный таймер выхода ===== */
.admin-release-delay {
    display: grid;
    align-content: start;
    gap: 8px;
    min-width: 0;
}

.admin-release-delay-title {
    color: var(--text, #1d2230);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
}

.admin-release-delay-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.admin-release-delay-fields label {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.admin-release-delay-fields input {
    width: 100%;
}

.admin-release-delay > small {
    color: #8f97b1;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 650;
}

@media (max-width: 560px) {
    .admin-release-delay-fields {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
}


/* ===== Scorpion Shop v183 — таймер карточки в одну строку ===== */
@media (min-width: 761px) {
    .product-card .buy-btn.release-countdown {
        width: 100% !important;
        min-width: 0 !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        font-size: clamp(9px, .72vw, 11px) !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
    }
}

/* v186: UnlockTool rental product and temporary access page */
.rental-product-page .rental-product-kicker{font-size:13px;font-weight:900;letter-spacing:.12em;color:#45e37d;margin-bottom:10px}.rental-product-info{align-self:center}.rental-duration-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 12px}.rental-duration-option{appearance:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff;border-radius:14px;padding:13px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.rental-duration-option:hover{border-color:rgba(217,47,255,.65)}.rental-duration-option.active{border-color:#d92fff;background:rgba(217,47,255,.18);box-shadow:0 0 0 2px rgba(217,47,255,.12)}.rental-duration-option span{font-size:16px;font-weight:900}.rental-duration-option b{font-size:14px;color:#e9d5ff}.rental-special-offer{margin:12px 0;padding:11px 14px;border:1px solid rgba(69,227,125,.45);background:rgba(69,227,125,.1);border-radius:12px;color:#b9ffd0;font-weight:800}.rental-availability{margin:8px 0 14px;font-size:14px;font-weight:800}.rental-availability.is-available{color:#6ef49a}.rental-availability.is-unavailable{color:#ff9f9f}.rental-checkout-form{margin-top:14px;padding:16px;border:1px solid rgba(255,255,255,.12);background:rgba(8,10,22,.72);border-radius:16px;display:grid;gap:12px}.rental-checkout-form[hidden]{display:none!important}.rental-email-field{display:grid;gap:7px;font-weight:800}.rental-email-field span{font-size:13px;color:#cbd5e1}.rental-email-field input{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;padding:0 14px;font:inherit;outline:none}.rental-email-field input:focus{border-color:#d92fff;box-shadow:0 0 0 3px rgba(217,47,255,.13)}.rental-checkout-form small{color:#aeb6c8;line-height:1.45}.rental-description-section{margin-top:26px}.rental-access-page{max-width:960px;margin:0 auto;padding:26px 16px 60px}.rental-access-card{padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(17,24,39,.96),rgba(8,10,22,.96));box-shadow:0 24px 70px rgba(0,0,0,.35)}.rental-access-kicker{font-size:13px;letter-spacing:.14em;font-weight:900;color:#d92fff}.rental-access-card h1{margin:8px 0 8px;font-size:clamp(28px,5vw,46px)}.rental-access-lead{color:#cbd5e1;line-height:1.6}.rental-countdown-wrap{margin:22px 0;padding:18px;border:1px solid rgba(217,47,255,.35);background:rgba(217,47,255,.1);border-radius:18px;display:grid;gap:4px;text-align:center}.rental-countdown-wrap span,.rental-countdown-wrap small{color:#cbd5e1}.rental-countdown-wrap strong{font-size:clamp(34px,8vw,64px);letter-spacing:.08em;font-variant-numeric:tabular-nums}.rental-credentials{display:grid;gap:12px}.rental-credential-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.rental-credential-row span{color:#aeb6c8}.rental-credential-row b{font-size:17px;overflow-wrap:anywhere}.rental-credential-row button{border:0;border-radius:10px;background:#d92fff;color:#fff;padding:9px 12px;font-weight:800;cursor:pointer}.rental-command-notice{margin-top:16px}.rental-instruction{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}.rental-instruction h2{margin:0 0 12px}.rental-instruction>div{line-height:1.7;color:#d6dbe6}.rental-access-card.is-expired{text-align:center;padding-block:54px}
@media(max-width:700px){.rental-product-hero{gap:18px}.rental-duration-selector{gap:7px}.rental-duration-option{padding:11px 5px}.rental-credential-row{grid-template-columns:1fr}.rental-credential-row button{width:100%}.rental-access-card{padding:20px}.rental-access-page{padding-inline:10px}}

/* v186: UnlockTool rental admin fields and catalog card */
.admin-rental-settings{margin-top:20px;padding:20px;border:1px solid rgba(184,48,255,.28);border-radius:18px;background:rgba(121,35,166,.08);display:grid;gap:18px}
.admin-rental-special-offer{display:grid;gap:14px;padding:16px;border-radius:16px;background:rgba(255,255,255,.035)}
.product-activation-badge.rental-card-badge{gap:0}
.product-card .buy-btn[href]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}


/* v190: compact rental payment action and reliable buy-button hiding */
.rental-buy-actions[hidden],
.rental-buy-actions .buy-btn[hidden]{display:none!important}
.rental-checkout-form .rental-pay-btn{
    width:max-content!important;
    min-width:0!important;
    justify-self:start;
    padding-left:18px;
    padding-right:18px;
}

/* ===== Scorpion Shop v200 — комментарии к товарам ===== */
.game-comments-section {
    margin-top: 34px;
    padding: 24px;
    border: 0;
    border-radius: 22px;
    background: transparent;
    box-shadow: none;
}
.game-comments-head {display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.game-comments-head .section-title {margin:4px 0 0}
.game-comments-kicker {font-size:11px;font-weight:900;letter-spacing:.14em;color:#d92fff}
.game-comments-head [data-comments-count] {font-size:.72em;color:#99a3b8;font-weight:800}
.game-comment-form,.game-comment-inline-form {display:grid;gap:10px}
.game-comment-form {margin-bottom:22px;padding:16px;border:1px solid rgba(217,47,255,.22);border-radius:16px;background:rgba(217,47,255,.045)}
.game-comment-form textarea,.game-comment-inline-form textarea,.admin-comment-create-form textarea,.admin-comment-edit-form textarea,.admin-comment-reply-box textarea {
    width:100%;resize:vertical;min-height:92px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.055);color:#fff;padding:13px 14px;font:inherit;line-height:1.5;outline:none
}
.game-comment-form textarea:focus,.game-comment-inline-form textarea:focus {border-color:#d92fff;box-shadow:0 0 0 3px rgba(217,47,255,.12)}
.game-comment-form-footer,.game-comment-inline-footer {display:flex;align-items:center;justify-content:space-between;gap:12px}
.game-comment-form-status,[data-comment-inline-status] {min-height:18px;color:#65e493;font-size:13px;font-weight:750}
.game-comment-form-status.is-error,[data-comment-inline-status].is-error {color:#ff8799}
.game-comments-login-note {display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px;padding:15px 16px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035);color:#cbd2df;text-align:center}
.game-comments-list {display:grid;gap:15px}
.game-comment {position:relative;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035);overflow:hidden}
.game-comment-main {display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;padding:16px}
.game-comment-avatar {width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);background:#111425}
.game-comment-content {min-width:0}
.game-comment-meta {display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 12px;margin-bottom:8px}
.game-comment-meta strong {font-size:15px;color:#fff}
.game-comment-meta strong.is-admin {color:#d92fff}
.game-comment-meta span {font-size:12px;color:#8f99ad}
.game-comment-body {white-space:pre-wrap;overflow-wrap:anywhere;color:#dce1ea;line-height:1.58}
.game-comment-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:11px}
.comment-link-btn {appearance:none;border:0;background:none;padding:0;color:#bca7ff;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.comment-link-btn:hover {color:#fff}
.comment-link-btn.is-danger {color:#ff8799}
.game-comment-form-slot {padding:0 16px}
.game-comment-form-slot:has(form) {padding-bottom:16px}
.game-comment-inline-form {padding:13px;border-radius:13px;background:rgba(0,0,0,.18)}
.game-comment-inline-actions {display:flex;align-items:center;gap:8px}
.game-comment-replies {display:grid;gap:10px;margin:0 16px 16px 58px;padding-left:0;border-left:0}
.game-comment-reply {border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.game-comment-reply .game-comment-main {grid-template-columns:38px minmax(0,1fr);padding:13px}
.game-comment-reply .game-comment-avatar {width:38px;height:38px}
.game-comment.is-pending > .game-comment-main,.game-comment.is-pending > .game-comment-form-slot,.game-comment.is-pending > .game-comment-replies {filter:blur(2px);opacity:.6;pointer-events:none;user-select:none}
.game-comment-pending-overlay {position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;color:#fff;font-size:14px;font-weight:900;letter-spacing:.015em;background:rgba(6,8,18,.34);backdrop-filter:blur(1px)}
.game-comment.is-deleted .game-comment-avatar {opacity:.42;filter:grayscale(1)}
.game-comment.is-deleted .game-comment-body {color:#8790a2;font-style:italic}
.game-comments-empty,.game-comments-loader {padding:22px;text-align:center;color:#929bae}
.game-comments-sentinel {height:2px}

.admin-comment-create-card {margin-bottom:20px;padding:20px;border:1px solid rgba(217,47,255,.2);border-radius:18px;background:rgba(217,47,255,.045)}
.admin-comment-create-card h2 {margin:0 0 14px}
.admin-comment-create-form {display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr) auto;gap:12px;align-items:end}
.admin-comment-create-form label,.admin-comments-filter label {display:grid;gap:6px;color:#9ba4b8;font-size:12px;font-weight:800}
.admin-comment-create-form select,.admin-comments-filter select {width:100%;min-height:44px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#15182a;color:#fff;padding:0 12px;font:inherit}
.admin-comment-create-form textarea {min-height:88px}
.admin-comments-filter {display:grid;grid-template-columns:minmax(180px,240px) minmax(220px,1fr) auto;gap:12px;align-items:end;margin-bottom:18px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025)}
.admin-comments-list {display:grid;gap:14px}
.admin-comment-card {padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035)}
.admin-comment-card.status-pending {border-color:rgba(245,184,65,.34);background:rgba(245,184,65,.045)}
.admin-comment-card.status-published {border-color:rgba(65,225,128,.22)}
.admin-comment-card.status-deleted {opacity:.72}
.admin-comment-card-head {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}
.admin-comment-card-head > div {display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px}
.admin-comment-card-head strong {font-size:15px}
.admin-comment-card-head span,.admin-comment-product {color:#909aaf;font-size:12px}
.admin-comment-status {padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:850}
.admin-comment-product {margin-bottom:12px}
.admin-comment-product a {color:#c69aff;font-weight:800}
.admin-comment-edit-form {display:grid;gap:9px}
.admin-comment-edit-form textarea,.admin-comment-reply-box textarea {background:rgba(0,0,0,.18)}
.admin-comment-edit-form .ghost-btn {justify-self:start}
.admin-comment-actions {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}
.admin-comment-reply-box {margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.admin-comment-reply-box summary {cursor:pointer;color:#c69aff;font-weight:850}
.admin-comment-reply-box form {display:grid;gap:9px;margin-top:10px}
.admin-comment-reply-box .primary-btn {justify-self:start}
.admin-comment-deleted-text {color:#8e97a8;font-style:italic}

@media (max-width: 800px) {
    .game-comments-section {padding:18px 14px;border-radius:18px}
    .game-comments-login-note {align-items:flex-start;flex-direction:column}
    .game-comment-form-footer,.game-comment-inline-footer {align-items:flex-start;flex-direction:column}
    .game-comment-inline-actions {width:100%}
    .game-comment-inline-actions .primary-btn,.game-comment-inline-actions .ghost-btn {flex:1}
    .game-comment-replies {margin-left:26px;padding-left:9px}
    .admin-comment-create-form,.admin-comments-filter {grid-template-columns:1fr}
    .admin-comment-create-form .primary-btn,.admin-comments-filter .ghost-btn {width:100%}
}

@media (max-width: 480px) {
    .game-comment-main {grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px}
    .game-comment-avatar {width:38px;height:38px}
    .game-comment-replies {margin:0 10px 10px 15px}
    .game-comment-meta {display:grid;gap:3px}
}
.admin-comment-parent-context{margin:-3px 0 12px;padding:10px 12px;border-left:3px solid rgba(217,47,255,.45);border-radius:0 10px 10px 0;background:rgba(0,0,0,.16);color:#aeb7c8;font-size:12px;line-height:1.45}.admin-comment-parent-context b{color:#e2c5ff;margin-right:5px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}


/* ===== Scorpion Shop v203 — компактная раскладка категорий главной ===== */
.home-catalog-layout {
    display: block;
    min-width: 0;
}

/*
 * На широком экране главная делится на те же пять товарных колонок.
 * Короткая категория занимает ровно столько колонок, сколько в ней товаров,
 * поэтому несколько небольших категорий могут стоять в одной строке.
 */
@media (min-width: 1101px) {
    .home-catalog-layout {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-auto-flow: row;
        column-gap: 16px;
        row-gap: 30px;
        align-items: start;
    }

    .home-catalog-layout > .home-product-section {
        grid-column: span var(--home-section-span, 5);
        min-width: 0;
        margin-top: 0 !important;
    }

    .home-catalog-layout > .home-product-section.is-packed-section .home-products-slider {
        overflow: visible;
    }

    .home-catalog-layout > .home-product-section.is-packed-section .home-products-track {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
    }

    .home-catalog-layout > .home-product-section.is-packed-section .home-products-track.is-centered-row {
        justify-content: flex-start !important;
    }

    .home-catalog-layout > .home-product-section.is-packed-section .home-products-track > .product-card {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

/* На телефоне остаются две карточки в строке, а последняя нечётная центрируется. */
@media (max-width: 860px) {
    .home-product-section .home-products-track {
        --home-mobile-products-gap: 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: var(--home-mobile-products-gap) !important;
    }

    .home-product-section .home-products-track > .product-card:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        width: calc((100% - var(--home-mobile-products-gap)) / 2);
        justify-self: center;
    }
}

@media (max-width: 520px) {
    .home-product-section .home-products-track {
        --home-mobile-products-gap: 10px;
    }
}

/* ===== Scorpion Shop v205 — мобильная раскладка UnlockTool и категорий ===== */
@media (max-width: 760px) {
    /* На странице UnlockTool две вкладки располагаются по центру. */
    .rental-product-page .tabs-section > .tabs {
        justify-content: center !important;
    }

    /* Гостевая кнопка покупки располагается по центру, а не растягивается. */
    .rental-product-page .rental-buy-actions {
        width: 100% !important;
        justify-content: center !important;
    }
    .rental-product-page .rental-buy-actions .buy-btn {
        width: max-content !important;
        min-width: 180px !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }
}

@media (max-width: 860px) {
    /* Две соседние категории по одному товару могут занимать одну строку. */
    .home-catalog-layout {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 24px;
        align-items: start;
    }

    .home-catalog-layout > .home-product-section {
        grid-column: span var(--home-mobile-section-span, 2);
        min-width: 0;
        margin-top: 0 !important;
    }

    /* В узкой категории с одним товаром внутренняя сетка имеет одну колонку. */
    .home-catalog-layout > .home-product-section.is-mobile-single-section .home-products-track {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
    }

    .home-catalog-layout > .home-product-section.is-mobile-single-section .home-products-track > .product-card,
    .home-catalog-layout > .home-product-section.is-mobile-single-section .home-products-track > .product-card:last-child:nth-child(odd) {
        grid-column: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        justify-self: stretch !important;
    }
}

/* ===== Scorpion Shop v206 — активные вкладки и мобильное центрирование ===== */
.tab-btn.active {
    box-shadow: none !important;
}

@media (max-width: 760px) {
    /* И гостевая, и прямая кнопка оплаты UnlockTool находятся по центру. */
    .rental-product-page .rental-checkout-form {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .rental-product-page .rental-checkout-form-account {
        justify-self: center !important;
    }

    .rental-product-page .rental-checkout-form .rental-pay-btn {
        justify-self: center !important;
        align-self: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 860px) {
    /* Только последняя непарная категория с одним товаром центрируется. */
    .home-catalog-layout > .home-product-section.is-mobile-unpaired-single {
        grid-column: 1 / -1 !important;
        width: calc((100% - 10px) / 2) !important;
        justify-self: center !important;
    }
}

/* ===== Scorpion Shop v221 — поиск заказов, состав заказа и статистика ===== */
.admin-orders-filter-form {
    display: grid !important;
    grid-template-columns: minmax(230px, 1.6fr) minmax(155px, .9fr) auto auto;
    align-items: center !important;
    gap: 10px !important;
    width: min(720px, 100%);
}

.admin-orders-filter-form input[type="search"],
.admin-statistics-date-form input[type="date"] {
    width: 100%;
    min-height: 42px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 11px;
    background: rgba(0,0,0,.22);
    color: #fff;
    padding: 0 13px;
    font: inherit;
    font-weight: 800;
    box-sizing: border-box;
}

.admin-orders-filter-form input[type="search"]::placeholder {
    color: #788198;
}

.admin-orders-table {
    min-width: 1080px !important;
}

.admin-orders-table th:nth-child(1),
.admin-orders-table td:nth-child(1) {
    width: 170px !important;
}

.admin-orders-table th:nth-child(2),
.admin-orders-table td:nth-child(2) {
    width: 120px !important;
}

.admin-order-expand-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-height: 32px;
    margin-top: 9px;
    padding: 0 9px;
    border: 1px solid rgba(198,68,255,.32);
    border-radius: 9px;
    background: rgba(190,48,255,.09);
    color: #eee8ff;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.admin-order-expand-button span {
    display: inline-grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: #fff;
    box-sizing: border-box;
}

.admin-order-expand-button:hover,
.admin-order-expand-button[aria-expanded="true"] {
    border-color: rgba(221,82,255,.62);
    background: rgba(190,48,255,.18);
    color: #fff;
}

.admin-order-details-row > td {
    width: auto !important;
    padding: 0 12px 14px !important;
    border-bottom: 1px solid rgba(218,67,255,.18) !important;
    background: rgba(111,37,152,.055);
}

.admin-order-products-panel {
    padding: 16px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;
    background: rgba(5,7,15,.76);
}

.admin-order-products-head,
.admin-order-products-total,
.admin-order-product-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.admin-order-products-head {
    margin-bottom: 11px;
}

.admin-order-products-head strong {
    color: #fff;
    font-size: 14px;
}

.admin-order-products-head span,
.admin-order-products-empty,
.admin-order-products-discount {
    color: #929bb0;
    font-size: 12px;
    font-weight: 800;
}

.admin-order-products-list {
    display: grid;
    gap: 8px;
}

.admin-order-product-item {
    min-height: 52px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 11px;
    background: rgba(255,255,255,.025);
}

.admin-order-product-item a,
.admin-order-product-item strong {
    color: #f4efff;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.admin-order-product-item a:hover {
    color: #e34cff;
}

.admin-order-product-item small {
    display: block;
    margin-top: 4px;
    color: #747d92;
    font-size: 11px;
}

.admin-order-products-discount {
    margin-top: 10px;
    text-align: right;
    color: #ffbcce;
}

.admin-order-products-total {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.09);
    color: #cbd2e5;
    font-size: 13px;
    font-weight: 850;
}

.admin-order-products-total b {
    color: #fff;
    font-size: 15px;
}

.admin-statistics-head {
    align-items: center;
}

.admin-statistics-date-form {
    display: grid !important;
    grid-template-columns: auto minmax(155px, 190px) auto;
    align-items: center !important;
    gap: 10px !important;
}

.admin-statistics-date-form label {
    color: #929bb0;
    font-size: 12px;
    font-weight: 900;
}

.admin-statistics-note {
    margin-bottom: 18px;
    color: #b8c0d3;
}

.admin-statistics-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}

.admin-statistics-summary-card {
    display: grid;
    gap: 9px;
    min-width: 0;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(21,23,38,.94), rgba(8,10,19,.94));
    box-shadow: 0 18px 45px rgba(0,0,0,.18);
}

.admin-statistics-summary-card > span {
    color: #9ca5ba;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.admin-statistics-summary-card > strong {
    color: #fff;
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.admin-statistics-summary-card > div {
    color: #bec6d8;
    font-size: 13px;
}

.admin-statistics-summary-card > small {
    color: #858fa6;
    font-size: 12px;
}

.admin-statistics-products-section {
    padding: 20px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;
    background: rgba(10,12,22,.72);
}

.admin-statistics-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.admin-statistics-section-head h2,
.admin-statistics-section-head p {
    margin: 0;
}

.admin-statistics-section-head p {
    margin-top: 5px;
    color: #8f98ae;
    font-size: 13px;
}

.admin-statistics-table-wrap {
    overflow-x: auto;
}

.admin-statistics-table {
    width: 100%;
    min-width: 940px;
    border-collapse: collapse;
    table-layout: fixed;
}

.admin-statistics-table th,
.admin-statistics-table td {
    padding: 12px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    text-align: right;
    vertical-align: middle;
}

.admin-statistics-table th {
    color: #9ca5ba;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.admin-statistics-table thead tr:first-child th:not(:first-child) {
    text-align: center;
    color: #e6d9ff;
    background: rgba(188,46,255,.055);
}

.admin-statistics-table th:first-child,
.admin-statistics-table td:first-child {
    width: 31%;
    text-align: left;
}

.admin-statistics-table td:first-child strong {
    display: block;
    color: #f4f0ff;
    font-size: 13px;
}

.admin-statistics-table td:first-child small {
    display: block;
    margin-top: 4px;
    color: #737c91;
    font-size: 11px;
}

.admin-statistics-table tfoot th {
    color: #fff;
    background: rgba(255,255,255,.035);
    border-bottom: 0;
}

@media (max-width: 980px) {
    .admin-statistics-summary-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-orders-filter-form,
    .admin-statistics-date-form {
        grid-template-columns: 1fr !important;
        width: 100%;
    }

    .admin-orders-filter-form > *,
    .admin-statistics-date-form > * {
        width: 100% !important;
    }

    .admin-order-products-head,
    .admin-order-product-item,
    .admin-order-products-total {
        align-items: flex-start;
    }

    .admin-statistics-products-section {
        padding: 14px;
    }
}

/* ===== Scorpion Shop v222 — широкая админка, живой поиск и переключаемая статистика ===== */
@media (min-width: 861px) {
    .admin-page .admin-layout {
        width: min(1720px, calc(100vw - 16px)) !important;
        max-width: none !important;
    }

    .admin-page .admin-content {
        padding: 20px !important;
    }
}

.admin-orders-table {
    min-width: 1080px !important;
}

.admin-orders-table th:nth-child(7),
.admin-orders-table td:nth-child(7),
.admin-order-actions {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
}

.admin-order-actions {
    overflow: visible !important;
}

.admin-orders-filter-form input[data-order-live-search] {
    border-color: rgba(214, 65, 255, .28);
}

.admin-statistics-layout {
    display: block;
}

.admin-statistics-period-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    width: min(100%, 520px);
    margin-bottom: 18px;
    position: static;
}

.admin-statistics-period-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
    background: rgba(255,255,255,.035);
    color: #abb3c8;
    font-size: 13px;
    font-weight: 950;
    text-decoration: none;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.admin-statistics-period-nav a:hover {
    border-color: rgba(214,65,255,.38);
    color: #fff;
}

.admin-statistics-period-nav a.active {
    border-color: rgba(218,67,255,.58);
    background: linear-gradient(135deg, rgba(207,54,255,.22), rgba(119,69,255,.14));
    color: #fff;
}

.admin-statistics-main {
    min-width: 0;
}

.admin-statistics-date-form {
    display: grid !important;
    grid-template-columns: auto minmax(170px, 230px) auto;
    justify-content: end;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 16px;
}

.admin-statistics-date-form input[type="date"],
.admin-statistics-date-form input[type="month"],
.admin-statistics-date-form input[type="number"] {
    width: 100%;
    min-height: 42px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 11px;
    background: rgba(0,0,0,.22);
    color: #fff;
    padding: 0 13px;
    font: inherit;
    font-weight: 800;
    box-sizing: border-box;
}

.admin-statistics-period-title {
    margin-bottom: 14px;
}

.admin-statistics-period-title span {
    display: block;
    margin-bottom: 4px;
    color: #8d96ac;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.admin-statistics-period-title h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(22px, 2.4vw, 32px);
}

.admin-statistics-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.admin-statistics-table {
    min-width: 620px !important;
}

.admin-statistics-table th:first-child,
.admin-statistics-table td:first-child {
    width: auto !important;
}

.admin-statistics-table th:nth-child(2),
.admin-statistics-table td:nth-child(2) {
    width: 150px;
    text-align: center;
}

.admin-statistics-table th:nth-child(3),
.admin-statistics-table td:nth-child(3) {
    width: 190px;
    text-align: right;
}

@media (max-width: 900px) {
    .admin-statistics-period-nav {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .admin-statistics-date-form {
        grid-template-columns: 1fr !important;
        justify-content: stretch;
    }

    .admin-statistics-summary-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ===== Scorpion Shop v223 — горизонтальные периоды и компактный список статистики ===== */
.admin-statistics-products-section {
    width: min(100%, 720px);
    max-width: 720px;
    box-sizing: border-box;
}

.admin-statistics-table-wrap {
    width: 100%;
}

.admin-statistics-table {
    width: 100% !important;
    min-width: 0 !important;
}

.admin-statistics-table th:nth-child(2),
.admin-statistics-table td:nth-child(2) {
    width: 110px;
}

.admin-statistics-table th:nth-child(3),
.admin-statistics-table td:nth-child(3) {
    width: 150px;
}

@media (max-width: 560px) {
    .admin-statistics-period-nav {
        gap: 7px;
    }

    .admin-statistics-period-nav a {
        min-height: 42px;
        padding: 0 8px;
    }

    .admin-statistics-products-section {
        width: 100%;
        max-width: none;
    }

    .admin-statistics-table th,
    .admin-statistics-table td {
        padding: 10px 8px;
    }

    .admin-statistics-table th:nth-child(2),
    .admin-statistics-table td:nth-child(2) {
        width: 76px;
    }

    .admin-statistics-table th:nth-child(3),
    .admin-statistics-table td:nth-child(3) {
        width: 112px;
    }
}



/* ===== Scorpion Shop v224 — центрирование статистики, налог 4% и счётчик товаров ===== */
.admin-statistics-period-nav {
    margin: 0 auto 14px !important;
}

.admin-statistics-date-form {
    width: max-content;
    max-width: 100%;
    margin: 0 auto 16px !important;
    justify-content: center !important;
}

.admin-statistics-period-title {
    text-align: center;
}

.admin-statistics-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 230px)) !important;
    justify-content: center;
    align-items: stretch;
}

.admin-statistics-summary-card {
    width: 100%;
    max-width: 230px;
    min-height: 142px;
    padding: 16px 18px;
    box-sizing: border-box;
}

.admin-statistics-summary-card > strong {
    font-size: clamp(23px, 2.2vw, 31px);
}

.admin-statistics-summary-card-tax {
    border-color: rgba(124, 224, 162, .24);
}

.admin-statistics-products-section {
    margin-left: auto;
    margin-right: auto;
}

.admin-products-title-group {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.admin-products-title-group h1 {
    margin-bottom: 0;
}

.admin-products-count {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid rgba(214, 65, 255, .22);
    border-radius: 999px;
    background: rgba(214, 65, 255, .07);
    color: #aeb6ca;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.admin-products-count b {
    margin-left: 5px;
    color: #fff;
    font-size: 13px;
}

@media (max-width: 900px) {
    .admin-statistics-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 230px)) !important;
    }
}

@media (max-width: 760px) {
    .admin-statistics-date-form {
        width: 100%;
    }

    .admin-statistics-summary-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-statistics-summary-card {
        max-width: none;
        min-height: 0;
    }
}


/* ===== Scorpion Shop v225 — mobile search covers and product tax details ===== */
.search-result-item {
    overflow: hidden !important;
}

.search-result-item > img {
    width: 58px !important;
    height: 72px !important;
    min-width: 58px !important;
    min-height: 72px !important;
    max-width: 58px !important;
    max-height: 72px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    align-self: start !important;
    border-radius: 12px !important;
}

.search-result-item > span {
    min-width: 0 !important;
}

.admin-statistics-product-money {
    display: table-cell;
    white-space: nowrap;
}

.admin-statistics-product-money > b,
.admin-statistics-product-money > small {
    display: block;
}

.admin-statistics-product-money > small {
    margin-top: 4px;
    color: #8f99b0;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.25;
}

@media (max-width: 860px) {
    .search-results .search-result-item,
    .search-panel .search-result-item,
    .header-search-results .search-result-item {
        grid-template-columns: 66px minmax(0, 1fr) !important;
        min-height: 100px !important;
        padding: 9px !important;
        gap: 11px !important;
        align-items: start !important;
        overflow: hidden !important;
    }

    .search-results .search-result-item > img,
    .search-panel .search-result-item > img,
    .header-search-results .search-result-item > img {
        width: 66px !important;
        height: 88px !important;
        min-width: 66px !important;
        min-height: 88px !important;
        max-width: 66px !important;
        max-height: 88px !important;
        object-fit: cover !important;
        border-radius: 12px !important;
    }

    .admin-statistics-product-money {
        white-space: normal;
    }
}

/* ===== Scorpion Shop v226 — mobile search alignment, rental links and admin email navigation ===== */
.rental-access-card {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.rental-instruction,
.rental-instruction > div,
.rental-instruction p {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.rental-instruction a {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-email-link {
    display: inline-block;
    max-width: 100%;
    color: inherit;
    font-weight: 800;
    text-decoration: none;
    overflow-wrap: anywhere;
    border-bottom: 1px dashed rgba(217, 47, 255, .42);
    transition: color .18s ease, border-color .18s ease;
}

.admin-email-link:hover,
.admin-email-link:focus-visible {
    color: #e59cff;
    border-bottom-color: rgba(229, 156, 255, .9);
    outline: none;
}

@media (max-width: 860px) {
    .search-results .search-result-item,
    .search-panel .search-result-item,
    .header-search-results .search-result-item {
        min-height: 112px !important;
        padding: 10px 11px !important;
        align-items: center !important;
    }

    .search-results .search-result-item > img,
    .search-panel .search-result-item > img,
    .header-search-results .search-result-item > img {
        align-self: center !important;
    }

    .search-results .search-result-item > span,
    .search-panel .search-result-item > span,
    .header-search-results .search-result-item > span {
        align-self: center !important;
        display: flex !important;
        min-height: 88px !important;
        padding-block: 3px !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .search-results .search-result-item small,
    .search-panel .search-result-item small,
    .header-search-results .search-result-item small {
        margin-top: 5px !important;
        gap: 3px !important;
    }

    .search-results .search-price-row,
    .search-panel .search-price-row,
    .header-search-results .search-price-row,
    .search-results .search-price,
    .search-panel .search-price,
    .header-search-results .search-price {
        line-height: 1.1 !important;
    }
}

/* ===== Scorpion Shop v227 — MAX, часы поддержки и комиссия эквайринга ===== */
.floating-help-hours {
    margin-top: -4px !important;
    color: #aeb6ca !important;
    font-size: 13px;
    font-weight: 800 !important;
}

.social-btn-max span {
    display: block;
    font-size: 10px;
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -.35px;
}

.admin-statistics-summary-grid {
    grid-template-columns: repeat(5, minmax(0, 190px)) !important;
}

.admin-statistics-summary-card {
    max-width: 190px;
}

.admin-statistics-summary-card-bank {
    border-color: rgba(250, 184, 68, .26);
}

.admin-statistics-summary-card-net {
    border-color: rgba(126, 110, 255, .30);
}

@media (max-width: 1200px) {
    .admin-statistics-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 190px)) !important;
    }
}

@media (max-width: 900px) {
    .admin-statistics-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 190px)) !important;
    }
}

@media (max-width: 760px) {
    .admin-statistics-summary-grid {
        grid-template-columns: 1fr !important;
    }
    .admin-statistics-summary-card {
        max-width: none;
    }
}

/* ===== Scorpion Shop v228 — изолированный скролл поиска, шире статистика и PNG-иконки поддержки ===== */
.header-search-results {
    overscroll-behavior: contain !important;
    overscroll-behavior-y: contain !important;
}

.floating-help-actions .social-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden;
}

.floating-help-actions .social-btn img {
    display: block;
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
    object-fit: contain;
}

.admin-statistics-products-section {
    width: min(100%, 920px) !important;
    max-width: 920px !important;
}

@media (max-width: 760px) {
    .admin-statistics-products-section {
        width: 100% !important;
        max-width: none !important;
    }
}

/* ===== Scorpion Shop v229 — иконки поддержки без внешнего серого кольца ===== */
.floating-help-actions .social-btn {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.floating-help-actions .social-btn:hover {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translateY(-1px);
}

.floating-help-actions .social-btn img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}


/* ===== Scorpion Shop v230 — категории главной и просмотр одного раздела ===== */
.catalog-head.compact-catalog-head[data-catalog-section-toggle] {
    cursor: pointer;
    border-radius: 14px;
    outline: none;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
    -webkit-tap-highlight-color: transparent;
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle]:hover {
    background: rgba(255,255,255,.035);
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle]:focus-visible {
    box-shadow: 0 0 0 3px rgba(190,60,255,.22);
}

.catalog-back-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #fff;
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
}

.catalog-back-label img {
    display: block;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    object-fit: contain;
}

@media (min-width: 1101px) {
    /* Одинокая короткая категория занимает всю строку сетки, а её фактическая
       ширина вместе с заголовком остаётся равной ширине её карточек. */
    .home-catalog-layout > .home-product-section.is-desktop-centered-section {
        grid-column: 1 / -1 !important;
        width: 100%;
        justify-self: stretch;
    }

    .home-catalog-layout > .home-product-section.is-desktop-centered-section > .compact-catalog-head,
    .home-catalog-layout > .home-product-section.is-desktop-centered-section > .home-products-slider {
        width: var(--home-section-centered-width, 100%);
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* При открытии одной категории остальные разделы скрываются, а выбранный
       располагается по центру независимо от прежнего положения в общей сетке. */
    .home-catalog-layout.is-category-focused > .home-product-section.is-catalog-focused {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        justify-self: stretch !important;
    }

    .home-catalog-layout.is-category-focused > .home-product-section.is-catalog-focused > .home-products-slider {
        width: var(--home-section-centered-width, 100%);
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home-catalog-layout.is-category-focused > .home-product-section.is-catalog-focused > .compact-catalog-head {
        width: max-content !important;
        max-width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 8px 12px;
    }
}

@media (max-width: 1100px) {
    .home-catalog-layout.is-category-focused > .home-product-section.is-catalog-focused {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        justify-self: stretch !important;
    }

    .home-catalog-layout.is-category-focused > .home-product-section.is-catalog-focused > .compact-catalog-head {
        justify-content: center !important;
        text-align: center !important;
        padding: 7px 10px;
    }
}

@media (max-width: 860px) {
    .home-catalog-layout.is-category-focused > .home-product-section.is-catalog-focused.is-mobile-single-section > .home-products-slider {
        width: calc((100% - 10px) / 2);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 480px) {
    .catalog-back-label {
        gap: 7px;
        font-size: 18px;
    }

    .catalog-back-label img {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }
}

/* ===== Scorpion Shop v231 — центрирование строк категорий и единые hover-эффекты ===== */
.catalog-head.compact-catalog-head[data-catalog-section-toggle] {
    background: transparent !important;
    box-shadow: none !important;
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle] > div,
.catalog-head.compact-catalog-head[data-catalog-section-toggle] > .catalog-back-label {
    width: max-content;
    max-width: 100%;
    padding: 8px 12px;
    border-radius: 14px;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle]:hover {
    background: transparent !important;
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle]:hover > div,
.catalog-head.compact-catalog-head[data-catalog-section-toggle]:hover > .catalog-back-label {
    background: rgba(255,255,255,.035);
}

@media (min-width: 1101px) {
    .home-catalog-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 30px !important;
    }

    .home-catalog-row {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 16px;
        width: 100%;
        min-width: 0;
    }

    .home-catalog-row.is-incomplete-row {
        justify-content: center;
    }

    .home-catalog-row > .home-product-section {
        flex: 0 0 var(--home-section-centered-width, 100%);
        width: var(--home-section-centered-width, 100%);
        min-width: 0;
        margin-top: 0 !important;
    }

    .home-catalog-row > .home-product-section.is-packed-section .home-products-slider {
        overflow: visible;
    }

    .home-catalog-row > .home-product-section.is-packed-section .home-products-track,
    .home-catalog-row > .home-product-section.is-packed-section .home-products-track.is-centered-row {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
    }

    .home-catalog-row > .home-product-section.is-packed-section .home-products-track > .product-card {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .home-catalog-row > .home-product-section.is-wide-section > .compact-catalog-head,
    .home-catalog-row > .home-product-section.is-short-section > .compact-catalog-head {
        justify-content: center !important;
        text-align: center !important;
    }

    .home-catalog-row > .home-product-section.is-wide-section > .compact-catalog-head > div,
    .home-catalog-row > .home-product-section.is-short-section > .compact-catalog-head > div {
        text-align: center !important;
    }

    .home-catalog-layout.is-category-focused > .home-catalog-row {
        justify-content: center !important;
        width: 100% !important;
    }

    .home-catalog-layout.is-category-focused .home-product-section.is-catalog-focused {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .home-catalog-layout.is-category-focused .home-product-section.is-catalog-focused > .home-products-slider {
        width: var(--home-section-centered-width, 100%);
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home-catalog-layout.is-category-focused .home-product-section.is-catalog-focused > .compact-catalog-head {
        width: max-content !important;
        max-width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 0 !important;
    }
}

@media (max-width: 1100px) {
    .home-catalog-row {
        display: contents;
    }
}

/* Круглая обводка в стиле сайта без серого кольца и без тени. */
.floating-help-actions .social-btn {
    box-sizing: border-box !important;
    border: 1px solid rgba(198, 87, 255, .58) !important;
    background: rgba(10, 12, 22, .78) !important;
    box-shadow: none !important;
    transition: border-color .18s ease, filter .18s ease, transform .18s ease !important;
}

.floating-help-actions .social-btn:hover {
    border-color: #e05cff !important;
    background: rgba(10, 12, 22, .9) !important;
    box-shadow: none !important;
    filter: brightness(1.12) saturate(1.08);
}

/* У кнопок при наведении не используется box-shadow. */
:is(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    [role="button"],
    a[class*="btn"],
    a[class*="button"],
    .category-chip
):hover {
    box-shadow: none !important;
}

@media (max-width: 860px) {
    .home-catalog-row > .home-product-section {
        grid-column: span var(--home-mobile-section-span, 2);
        min-width: 0;
        margin-top: 0 !important;
    }

    .home-catalog-row > .home-product-section.is-mobile-single-section .home-products-track {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
    }

    .home-catalog-row > .home-product-section.is-mobile-single-section .home-products-track > .product-card,
    .home-catalog-row > .home-product-section.is-mobile-single-section .home-products-track > .product-card:last-child:nth-child(odd) {
        grid-column: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        justify-self: stretch !important;
    }

    .home-catalog-row > .home-product-section.is-mobile-unpaired-single {
        grid-column: 1 / -1 !important;
        width: calc((100% - 10px) / 2) !important;
        justify-self: center !important;
    }

    .home-catalog-layout.is-category-focused .home-product-section.is-catalog-focused {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        justify-self: stretch !important;
    }

    .home-catalog-layout.is-category-focused .home-product-section.is-catalog-focused > .compact-catalog-head {
        justify-content: center !important;
        text-align: center !important;
        padding: 0 !important;
    }

    .home-catalog-layout.is-category-focused .home-product-section.is-catalog-focused.is-mobile-single-section > .home-products-slider {
        width: calc((100% - 10px) / 2);
        margin-left: auto;
        margin-right: auto;
    }
}

.home-catalog-row[hidden] {
    display: none !important;
}

/* ===== Scorpion Shop v232 — центрирование категории из 5 товаров и кнопки без теней ===== */
@media (min-width: 1101px) {
    /* Категория ровно с пятью карточками относится к packed-section,
       поэтому отдельно центрируем её заголовок по ширине экрана. */
    .home-catalog-row > .home-product-section.is-packed-section > .compact-catalog-head {
        justify-content: center !important;
        text-align: center !important;
    }

    .home-catalog-row > .home-product-section.is-packed-section > .compact-catalog-head > div {
        text-align: center !important;
    }
}

/* Полностью убираем box-shadow у всех кнопок во всех состояниях. */
html body[class] :is(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    [role="button"],
    a[class*="btn"],
    a[class*="button"],
    .category-chip
)[class][class] {
    box-shadow: none !important;
}

html body[class] :is(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    [role="button"],
    a[class*="btn"],
    a[class*="button"],
    .category-chip
)[class][class]:is(:hover, :focus, :focus-visible, :active) {
    box-shadow: none !important;
}

/* ===== Scorpion Shop v233 — отзывы магазина и приглашение после UnlockTool ===== */
.legal-page-reviews {
    width: min(100%, 980px);
    margin-inline: auto;
}
.legal-page-reviews .reviews-external-card {
    margin-bottom: 26px;
}
.store-reviews-section {
    width: min(100%, 860px);
    margin: 28px auto 0;
    padding: clamp(18px, 2.6vw, 28px);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(15,18,31,.88), rgba(8,10,20,.94));
}
.store-reviews-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}
.store-reviews-head h2 {
    margin: 5px 0 0;
    font-size: clamp(24px, 3vw, 34px);
}
.store-reviews-kicker {
    color: #d92fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
}
.store-reviews-summary {
    display: grid;
    justify-items: end;
    gap: 3px;
    min-width: 110px;
    color: #f4e7ff;
}
.store-reviews-summary span {
    font-size: 15px;
    font-weight: 800;
}
.store-reviews-summary span b {
    color: #ffc84a;
    font-size: 23px;
}
.store-reviews-summary small {
    color: #949db0;
}
.store-review-form {
    display: grid;
    gap: 14px;
    margin-bottom: 24px;
    padding: 18px;
    border: 1px solid rgba(217,47,255,.22);
    border-radius: 18px;
    background: rgba(217,47,255,.045);
}
.store-review-author-preview {
    display: flex;
    align-items: center;
    gap: 12px;
}
.store-review-author-preview img,
.store-review-avatar,
.admin-review-author img {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.18);
    background: #111425;
    object-fit: cover;
}
.store-review-author-preview > div {
    display: grid;
    gap: 3px;
}
.store-review-author-preview strong {
    color: #fff;
}
.store-review-author-preview span {
    color: #949db0;
    font-size: 12px;
}
.store-review-rating-field {
    margin: 0;
    padding: 0;
    border: 0;
}
.store-review-rating-field legend {
    margin-bottom: 7px;
    color: #cbd2df;
    font-size: 13px;
    font-weight: 800;
}
.store-review-rating-input {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.store-review-rating-input label {
    color: rgba(255,255,255,.2);
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    transition: color .16s, transform .16s;
}
.store-review-rating-input label:hover,
.store-review-rating-input label.is-selected {
    color: #ffc84a;
}
.store-review-rating-input label:hover {
    transform: translateY(-1px);
}
.store-review-rating-input input:focus-visible + label {
    outline: 2px solid #d92fff;
    outline-offset: 4px;
    border-radius: 4px;
}
.store-review-body-field textarea,
.admin-review-edit-form textarea {
    width: 100%;
    min-height: 112px;
    resize: vertical;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 13px;
    background: rgba(255,255,255,.055);
    color: #fff;
    padding: 13px 14px;
    font: inherit;
    line-height: 1.5;
    outline: none;
}
.store-review-body-field textarea:focus {
    border-color: #d92fff;
}
.store-review-form-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
}
.store-review-form-footer > div {
    display: grid;
    gap: 3px;
}
.store-review-form-footer small {
    color: #8f98ab;
    font-size: 12px;
}
.store-review-form-status {
    min-height: 18px;
    color: #65e493;
    font-size: 13px;
    font-weight: 750;
}
.store-review-form-status.is-error {
    color: #ff8799;
}
.store-reviews-list {
    display: grid;
    gap: 14px;
}
.store-review-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 17px;
    background: rgba(255,255,255,.035);
}
.store-review-main {
    display: grid;
    grid-template-columns: 46px minmax(0,1fr);
    gap: 13px;
    padding: 16px;
}
.store-review-content {
    min-width: 0;
}
.store-review-meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 9px;
}
.store-review-meta > div:first-child {
    display: grid;
    gap: 3px;
}
.store-review-meta strong {
    color: #fff;
    font-size: 15px;
}
.store-review-meta span {
    color: #8f99ad;
    font-size: 12px;
}
.store-review-stars,
.admin-review-stars {
    display: inline-flex;
    gap: 2px;
    white-space: nowrap;
}
.store-review-stars span,
.admin-review-stars span {
    color: rgba(255,255,255,.18);
    font-size: 17px;
}
.store-review-stars span.is-filled,
.admin-review-stars span.is-filled {
    color: #ffc84a;
}
.store-review-body {
    color: #dce1ea;
    line-height: 1.58;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}
.store-review-card.is-pending .store-review-main {
    filter: blur(2px);
    opacity: .58;
    pointer-events: none;
    user-select: none;
}
.store-review-pending-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    color: #fff;
    background: rgba(6,8,18,.38);
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    backdrop-filter: blur(1px);
}
.store-reviews-empty,
.store-reviews-loader {
    padding: 22px;
    color: #929bae;
    text-align: center;
}
.store-reviews-load-more {
    display: flex;
    margin: 16px auto 0;
}
.rental-review-invite {
    display: grid;
    justify-items: center;
    gap: 10px;
    width: min(100%, 520px);
    margin: 24px auto 0;
    padding: 18px;
    border: 1px solid rgba(217,47,255,.25);
    border-radius: 16px;
    background: rgba(217,47,255,.06);
    text-align: center;
}
.rental-review-invite p {
    margin: 0;
    color: #dce1ea;
}
.admin-reviews-filter {
    grid-template-columns: minmax(190px, 260px) auto;
    justify-content: start;
}
.admin-review-author {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.admin-review-author > div {
    display: grid;
    gap: 2px;
}
.admin-review-author a {
    color: #c69aff;
    font-size: 12px;
    font-weight: 750;
}
.admin-review-stars {
    margin: 0 0 12px 56px;
}
.admin-review-edit-form label {
    display: grid;
    gap: 6px;
    max-width: 180px;
    color: #9ba4b8;
    font-size: 12px;
    font-weight: 800;
}
.admin-review-edit-form select {
    min-height: 42px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 11px;
    background: #15182a;
    color: #fff;
    padding: 0 12px;
    font: inherit;
}

@media (max-width: 700px) {
    .store-reviews-section {
        padding: 16px 13px;
        border-radius: 18px;
    }
    .store-reviews-head,
    .store-review-form-footer,
    .store-review-meta {
        align-items: flex-start;
        flex-direction: column;
    }
    .store-reviews-summary {
        justify-items: start;
    }
    .store-review-form-footer .primary-btn {
        width: 100%;
    }
    .store-review-main {
        grid-template-columns: 38px minmax(0,1fr);
        gap: 10px;
        padding: 13px;
    }
    .store-review-avatar {
        width: 38px;
        height: 38px;
    }
    .store-review-meta {
        display: grid;
        gap: 7px;
    }
    .admin-reviews-filter {
        grid-template-columns: 1fr;
    }
    .admin-review-stars {
        margin-left: 0;
    }
}


/* ===== Scorpion Shop v234 — упрощённые отзывы и бесконечная загрузка ===== */
.store-reviews-section {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.store-review-author-preview {
    gap: 12px;
}
.store-review-author-preview > div,
.store-review-author-preview span {
    display: none;
}
.store-review-rating-input label:hover {
    color: inherit;
}
.store-review-rating-input label.is-selected {
    color: #ffc84a;
}
.store-reviews-sentinel {
    width: 100%;
    height: 1px;
}
.store-reviews-sentinel[hidden] {
    display: none;
}
.store-review-form-footer {
    align-items: center;
}
@media (max-width: 700px) {
    .store-reviews-section {
        padding: 0;
        border-radius: 0;
    }
}


/* ===== Scorpion Shop v235 — заголовок отзывов и скрытый автор формы ===== */
.store-review-author-preview {
    display: none !important;
}
.legal-page-reviews > h1 {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0;
}

/* ===== Scorpion Shop v236 — выравнивание заголовка отзывов ===== */
.legal-page-reviews > h1 {
    display: block;
    text-align: left;
}

/* ===== Scorpion Shop v237 — проверяемая статистика оплат ===== */
.admin-statistics-orders-details {
    width: min(920px, 100%);
    margin: 0 auto 18px;
    border: 1px solid rgba(196, 119, 255, 0.18);
    border-radius: 14px;
    background: rgba(8, 11, 18, 0.72);
    overflow: hidden;
}
.admin-statistics-orders-details summary {
    padding: 12px 14px;
    cursor: pointer;
    color: var(--text);
    font-weight: 700;
}
.admin-statistics-orders-list {
    display: grid;
    gap: 8px;
    padding: 0 14px 14px;
}
.admin-statistics-orders-list span {
    display: block;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.45;
}
@media (max-width: 700px) {
    .admin-statistics-orders-details {
        width: 100%;
    }
}

/* ===== Scorpion Shop v225 — экономная загрузка главной страницы для Safari/iPhone ===== */
.home-page img.home-deferred-image {
    opacity: 0;
}
.home-page img.home-deferred-image.is-loaded {
    opacity: 1;
}
.home-page .product-cover img.home-deferred-image {
    transition: opacity .24s ease, transform .45s ease;
}
.home-page .home-slide img.home-deferred-image {
    transition: opacity .28s ease;
}
@media (prefers-reduced-motion: reduce) {
    .home-page .product-cover img.home-deferred-image,
    .home-page .home-slide img.home-deferred-image {
        transition: none !important;
    }
}
@supports (content-visibility: auto) {
    @media (max-width: 860px) {
        .home-page .product-card {
            content-visibility: auto;
            contain-intrinsic-size: auto 380px;
        }
    }
}

/* v226: порционная загрузка каталога главной страницы. */
.home-catalog-pagination {
    width: min(100%, 1180px);
    min-height: 72px;
    margin: 2px auto 22px;
    display: grid;
    place-items: center;
    position: relative;
}
.home-catalog-pagination.is-complete {
    min-height: 0;
    margin-bottom: 0;
}
.home-catalog-loader {
    min-height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: rgba(241, 244, 252, .78);
    font-size: 14px;
    font-weight: 700;
}
.home-catalog-loader[hidden],
.home-catalog-load-error[hidden],
.home-catalog-load-sentinel[hidden] {
    display: none !important;
}
.home-catalog-loader-ring {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 3px solid rgba(255, 255, 255, .18);
    border-top-color: #9a5cff;
    border-radius: 50%;
    animation: homeCatalogLoaderSpin .72s linear infinite;
}
@keyframes homeCatalogLoaderSpin {
    to { transform: rotate(360deg); }
}
.home-catalog-load-sentinel {
    width: 100%;
    height: 2px;
    pointer-events: none;
}
.home-catalog-load-error {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    color: #ffb7c3;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.home-catalog-load-error button {
    min-height: 36px;
    padding: 0 16px;
    border: 1px solid rgba(154, 92, 255, .7);
    border-radius: 999px;
    background: rgba(154, 92, 255, .16);
    color: #fff;
    font: inherit;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease;
}
.home-catalog-load-error button:hover,
.home-catalog-load-error button:focus {
    background: rgba(154, 92, 255, .28);
    border-color: #ae7aff;
    outline: none;
}
@media (max-width: 760px) {
    .home-catalog-pagination {
        min-height: 64px;
        margin-bottom: 14px;
    }
    .home-catalog-loader {
        min-height: 56px;
        gap: 10px;
        font-size: 13px;
    }
    .home-catalog-loader-ring {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .home-catalog-loader-ring { animation-duration: 1.35s; }
}


/* ===== Scorpion Shop v228 — безопасное появление порционно загруженных карточек ===== */
.home-page .product-card.is-batch-loading {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.home-page .product-card.is-batch-revealing {
    visibility: visible !important;
    animation: homeCatalogBatchRevealV228 .34s cubic-bezier(.2,.78,.2,1) both;
    animation-delay: var(--batch-card-delay, 0ms);
}
@keyframes homeCatalogBatchRevealV228 {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@media (prefers-reduced-motion: reduce) {
    .home-page .product-card.is-batch-revealing {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ===== Scorpion Shop v229 — стабильная ширина карточек при порционной загрузке =====
 * У короткой категории итоговая ширина каждой карточки рассчитывается по общему
 * количеству товаров в разделе, а не по числу карточек, уже полученных AJAX.
 * Поэтому первая карточка больше не растягивается на всю ширину до следующей порции.
 */
@media (min-width: 1101px) {
    .home-catalog-row > .home-product-section.is-packed-section[data-section-products="1"] .home-products-track > .product-card {
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    .home-catalog-row > .home-product-section.is-packed-section[data-section-products="2"] .home-products-track > .product-card {
        flex: 0 0 calc((100% - 16px) / 2) !important;
        width: calc((100% - 16px) / 2) !important;
    }

    .home-catalog-row > .home-product-section.is-packed-section[data-section-products="3"] .home-products-track > .product-card {
        flex: 0 0 calc((100% - 32px) / 3) !important;
        width: calc((100% - 32px) / 3) !important;
    }

    .home-catalog-row > .home-product-section.is-packed-section[data-section-products="4"] .home-products-track > .product-card {
        flex: 0 0 calc((100% - 48px) / 4) !important;
        width: calc((100% - 48px) / 4) !important;
    }

    .home-catalog-row > .home-product-section.is-packed-section[data-section-products="5"] .home-products-track > .product-card {
        flex: 0 0 calc((100% - 64px) / 5) !important;
        width: calc((100% - 64px) / 5) !important;
    }
}

/* ===== Scorpion Shop v230 — открытая категория без слайдера =====
 * На ПК выбранная категория становится обычной многострочной сеткой.
 * Клоны бесконечного слайдера скрываются, а все реальные карточки переносятся
 * на следующие строки по мере загрузки полного состава категории.
 */
@media (min-width: 861px) {
    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused > .home-products-slider {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
        padding: 5px 0 12px !important;
        cursor: default !important;
    }

    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track,
    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track.is-centered-row,
    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track.is-infinite-ready {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 16px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        justify-content: stretch !important;
        align-items: stretch !important;
        transform: none !important;
    }

    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track > [data-slider-clone] {
        display: none !important;
    }

    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track > .product-card:not([data-slider-clone]) {
        grid-column: auto !important;
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        justify-self: stretch !important;
    }
}

@media (min-width: 1101px) {
    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track,
    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track.is-centered-row,
    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track.is-infinite-ready {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

.focused-category-loader {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    margin-top: 14px;
    color: rgba(255,255,255,.82);
    font-size: 14px;
    text-align: center;
}

.focused-category-loader[hidden] {
    display: none !important;
}

.focused-category-loader.is-error {
    flex-wrap: wrap;
    color: #ffb8c4;
}

.focused-category-loader .home-catalog-loader-ring {
    flex: 0 0 auto;
}

.focused-category-retry {
    min-height: 38px;
    padding: 8px 16px;
    border: 1px solid rgba(198,87,255,.55);
    border-radius: 12px;
    background: rgba(198,87,255,.14);
    color: #fff;
    box-shadow: none !important;
    cursor: pointer;
    transition: filter .18s ease, background-color .18s ease;
}

.focused-category-retry:hover {
    background: rgba(198,87,255,.22);
    filter: brightness(1.08);
    box-shadow: none !important;
}

/* ===== Scorpion Shop v231 — полный слайдер и центрирование неполных строк ===== */

/* Пока раздел ещё получает оставшиеся реальные карточки, не показываем клоны
   первых пяти товаров. После завершения загрузки JS пересоберёт слайдер из
   полного состава категории. */
.home-products-track.is-catalog-partial > [data-slider-clone] {
    display: none !important;
}

/* В открытой категории на ПК используется переносимая flex-сетка. За счёт
   justify-content:center каждая неполная строка из 1–4 карточек находится
   строго по центру, а полные строки остаются обычными. */
@media (min-width: 861px) {
    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track,
    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track.is-centered-row,
    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track.is-infinite-ready {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: stretch !important;
        gap: 16px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        transform: none !important;
    }

    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track > .product-card:not([data-slider-clone]) {
        flex: 0 0 calc((100% - 48px) / 4) !important;
        width: calc((100% - 48px) / 4) !important;
        min-width: 0 !important;
        max-width: calc((100% - 48px) / 4) !important;
        margin: 0 !important;
    }
}

@media (min-width: 1101px) {
    .home-catalog-layout.is-category-focused .home-catalog-row > .home-product-section.is-catalog-focused .home-products-track > .product-card:not([data-slider-clone]) {
        flex-basis: calc((100% - 64px) / 5) !important;
        width: calc((100% - 64px) / 5) !important;
        max-width: calc((100% - 64px) / 5) !important;
    }
}

/* На телефоне категория с единственным товаром всегда занимает отдельную
   строку, а сама карточка имеет ширину одной из двух колонок и стоит по центру. */
@media (max-width: 860px) {
    .home-catalog-row > .home-product-section.is-mobile-single-section,
    .home-catalog-layout > .home-product-section.is-mobile-single-section {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        justify-self: stretch !important;
    }

    .home-catalog-row > .home-product-section.is-mobile-single-section > .home-products-slider,
    .home-catalog-layout > .home-product-section.is-mobile-single-section > .home-products-slider {
        width: calc((100% - 10px) / 2) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home-catalog-row > .home-product-section.is-mobile-single-section .home-products-track,
    .home-catalog-layout > .home-product-section.is-mobile-single-section .home-products-track {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }
}

/* ===== Scorpion Shop v234 — без общего загрузчика и новая пропорциональная стрелка ===== */
.catalog-back-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .42em !important;
    color: #fff !important;
    font-size: clamp(24px, 2.2vw, 32px) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -.02em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle] > .catalog-back-label {
    box-sizing: border-box;
    padding: .24em .46em !important;
}

.catalog-back-icon {
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    flex: 0 0 1em;
    border: .055em solid rgba(255,255,255,.7);
    border-radius: 50%;
    background: linear-gradient(145deg, #b72cff 0%, #7c22db 100%);
    box-shadow: inset 0 0 0 .055em rgba(255,255,255,.16), 0 0 .24em rgba(177,44,255,.52);
    overflow: hidden;
}

.catalog-back-icon svg {
    display: block;
    width: 62%;
    height: 62%;
    overflow: visible;
}

.catalog-back-icon path {
    fill: none;
    stroke: #fff;
    stroke-width: 2.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

@media (max-width: 480px) {
    .catalog-back-label {
        font-size: clamp(24px, 7vw, 30px) !important;
    }
}

/* ===== Scorpion Shop v235 — анимированная линия под названием категории ===== */
.catalog-head.compact-catalog-head[data-catalog-section-toggle] > div h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 7px;
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle] > div h2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s ease;
    pointer-events: none;
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle] > div:hover h2::after,
.catalog-head.compact-catalog-head[data-catalog-section-toggle]:hover > div h2::after {
    transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
    .catalog-head.compact-catalog-head[data-catalog-section-toggle] > div h2::after {
        transition: none;
    }
}

/* ===== Scorpion Shop v236 — линия у «Популярные игры» и текста возврата ===== */
.catalog-head.compact-catalog-head[data-catalog-section-toggle] > div > :is(h1, h2) {
    position: relative;
    display: inline-block;
    padding-bottom: 7px;
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle] > div > :is(h1, h2)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s ease;
    pointer-events: none;
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle]:hover > div > :is(h1, h2)::after,
.catalog-head.compact-catalog-head[data-catalog-section-toggle] > div:hover > :is(h1, h2)::after {
    transform: scaleX(1);
}

.catalog-back-label > span:last-child {
    position: relative;
    display: inline-block;
    padding-bottom: 7px;
}

.catalog-back-label > span:last-child::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s ease;
    pointer-events: none;
}

.catalog-head.compact-catalog-head[data-catalog-section-toggle]:hover > .catalog-back-label > span:last-child::after,
.catalog-back-label:hover > span:last-child::after {
    transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
    .catalog-head.compact-catalog-head[data-catalog-section-toggle] > div > :is(h1, h2)::after,
    .catalog-back-label > span:last-child::after {
        transition: none;
    }
}


/* ===== Scorpion Shop v238 — мобильные категории и восстановление каталога ===== */
@media (max-width: 860px) {
    .catalog-head.compact-catalog-head[data-catalog-section-toggle] > div > :is(h1, h2)::after,
    .catalog-head.compact-catalog-head[data-catalog-section-toggle] > div h2::after,
    .catalog-back-label > span:last-child::after {
        content: none !important;
        display: none !important;
    }

    .catalog-head.compact-catalog-head[data-catalog-section-toggle] > div > :is(h1, h2),
    .catalog-head.compact-catalog-head[data-catalog-section-toggle] > div h2,
    .catalog-back-label > span:last-child {
        padding-bottom: 0 !important;
    }
}

html.is-restoring-home-catalog .home-page .product-card {
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
}


/* ===== Scorpion Shop v247 — соцсети как в панели техподдержки ===== */
.social-icons {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
.social-icons a,
.social-icons a:hover,
.social-icons a:focus,
.social-icons a:focus-visible,
.social-icons a:active {
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    -webkit-tap-highlight-color: transparent !important;
}
.social-icons a {
    transition: filter .18s ease !important;
}
.social-icons a:hover {
    filter: brightness(.8) !important;
}
.social-icons img {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}
@media (hover: none) {
    .social-icons a:hover { filter: none !important; }
}

/* ===== Scorpion Shop v251 — центрирование названий категорий на 761–1110 px ===== */
@media (min-width: 761px) and (max-width: 1110px) {
    .home-catalog-layout .home-product-section > .compact-catalog-head {
        justify-content: center !important;
        text-align: center !important;
    }

    .home-catalog-layout .home-product-section > .compact-catalog-head > div,
    .home-catalog-layout .home-product-section > .compact-catalog-head > .catalog-back-label {
        width: max-content !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
}


/* ===== Scorpion Shop v256 — закреплённая шапка сайта на телефонах ===== */
@media (max-width: 860px) {
    body.has-mobile-fixed-header {
        padding-top: 82px !important;
    }

    .site-header {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 5000 !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .site-header .header-shell {
        min-height: 82px !important;
        flex-wrap: nowrap !important;
    }

    html {
        scroll-padding-top: 94px;
    }
}

@media (max-width: 340px) {
    .site-header .header-shell {
        gap: 8px !important;
    }

    .site-header .brand-logo {
        width: 120px !important;
    }
}


/* SEO content v259 */
.home-seo-intro,
.home-seo-content,
.seo-landing-page {
    position: relative;
    z-index: 1;
}
.home-seo-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 18px 0 22px;
    padding: 22px 24px;
    border: 1px solid rgba(191, 68, 255, .24);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(22, 18, 42, .92), rgba(8, 11, 24, .88));
    box-shadow: 0 18px 44px rgba(0, 0, 0, .2);
}
.home-seo-intro > div { min-width: 0; }
.home-seo-eyebrow {
    display: inline-block;
    margin-bottom: 7px;
    color: #c982ff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.home-seo-intro h1,
.seo-landing-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.35rem, 2.5vw, 2.15rem);
    line-height: 1.2;
}
.home-seo-intro p,
.home-seo-content-head p,
.seo-landing-hero p,
.seo-landing-section > p,
.seo-landing-cta p {
    margin: 10px 0 0;
    color: rgba(238, 239, 255, .76);
    line-height: 1.65;
}
.home-seo-link { flex: 0 0 auto; white-space: nowrap; }
.home-seo-content,
.seo-landing-page {
    margin: 34px 0 10px;
}
.home-seo-content {
    padding: 26px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    background: rgba(7, 10, 23, .82);
}
.home-seo-content-head { max-width: 900px; }
.home-seo-content h2,
.seo-landing-section h2,
.seo-landing-cta h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.25rem, 2vw, 1.75rem);
}
.home-seo-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}
.home-seo-benefits article {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
}
.home-seo-benefits h3 { margin: 0 0 8px; color: #fff; font-size: 1rem; }
.home-seo-benefits p { margin: 0; color: rgba(238, 239, 255, .7); line-height: 1.55; }
.home-seo-faq { margin-top: 26px; }
.home-seo-faq > h2 { margin-bottom: 13px; }
.home-seo-faq details {
    border-top: 1px solid rgba(255, 255, 255, .09);
    padding: 14px 2px;
}
.home-seo-faq details:last-child { border-bottom: 1px solid rgba(255, 255, 255, .09); }
.home-seo-faq summary {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
}
.home-seo-faq details p { margin: 10px 0 0; color: rgba(238, 239, 255, .72); line-height: 1.6; }
.game-seo-summary {
    margin: 8px 0 0;
    color: rgba(238, 239, 255, .62);
    font-size: .9rem;
    line-height: 1.5;
}
.reviews-seo-intro {
    margin: -4px 0 20px;
    color: rgba(238, 239, 255, .72);
    line-height: 1.6;
}
.seo-landing-page { padding-bottom: 24px; }
.seo-landing-hero,
.seo-landing-section,
.seo-landing-cta {
    margin-top: 18px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(19, 16, 39, .92), rgba(7, 10, 23, .9));
}
.seo-landing-hero { padding: clamp(28px, 5vw, 52px); }
.seo-landing-hero p { max-width: 850px; }
.seo-landing-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.seo-landing-actions .primary-btn,
.seo-landing-actions .ghost-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.seo-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 22px 0 0; padding: 0; list-style: none; counter-reset: seo-step; }
.seo-steps li { counter-increment: seo-step; display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 20px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 16px; background: rgba(255, 255, 255, .035); }
.seo-steps li::before { content: counter(seo-step, decimal-leading-zero); color: #c982ff; font-weight: 900; font-size: 1.2rem; }
.seo-steps b { color: #fff; }
.seo-steps span { color: rgba(238, 239, 255, .7); line-height: 1.55; }
.seo-landing-cta { text-align: center; }
.seo-landing-cta .primary-btn { margin-top: 18px; }
@media (max-width: 760px) {
    .home-seo-intro { align-items: flex-start; flex-direction: column; padding: 18px; border-radius: 16px; }
    .seo-landing-actions .primary-btn,
    .seo-landing-actions .ghost-btn { text-align: center; }
    .home-seo-link { white-space: normal; }
    .home-seo-content,
    .seo-landing-hero,
    .seo-landing-section,
    .seo-landing-cta { padding: 19px; border-radius: 17px; }
    .home-seo-benefits,
    .seo-steps { grid-template-columns: 1fr; }
    .home-seo-content { margin-top: 26px; }
}

/* ===== v276: external review profiles ===== */
.reviews-external-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
.reviews-external-actions .primary-btn{
    width:auto;
}
.reviews-yandex-btn{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:8px;
}
.reviews-yandex-btn img{
    display:block;
    width:28px;
    height:28px;
    border-radius:50%;
    object-fit:contain;
    flex:0 0 28px;
}
@media (max-width:640px){
    .reviews-external-actions{
        align-items:stretch;
    }
    .reviews-external-actions .primary-btn{
        min-width:0;
    }
}


/* ===== Scorpion Shop v277 — полноэкранный просмотр изображений на телефонах ===== */
@media (max-width: 860px) {
    body.media-viewer-open .site-header,
    body.media-viewer-open .chat-widget,
    html.media-viewer-open body .site-header,
    html.media-viewer-open body .chat-widget {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .media-viewer {
        z-index: 15000 !important;
    }

    .media-viewer-close,
    .media-viewer-arrow {
        z-index: 15001 !important;
    }
}


/* ===== Scorpion Shop v238 — manual purchase availability toggle ===== */
.admin-purchase-control {
    width: min(100%, 900px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin: 18px 0 20px;
    padding: 17px 18px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: rgba(255,255,255,.035);
}
.admin-purchase-control.is-disabled {
    border-color: rgba(255,83,101,.28);
    background: rgba(255,83,101,.055);
}
.admin-purchase-control-copy {
    min-width: 0;
    display: grid;
    gap: 7px;
}
.admin-purchase-control-title {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.admin-purchase-control-title strong {
    color: #fff;
    font-size: 16px;
    font-weight: 900;
}
.admin-purchase-state {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 9px;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .02em;
}
.admin-purchase-state.is-online,
.admin-purchase-health .is-online { color: #7ce0a2; }
.admin-purchase-state.is-offline,
.admin-purchase-health .is-offline { color: #ff7180; }
.admin-purchase-control p {
    margin: 0;
    color: #b6bed1;
    font-size: 13px;
    line-height: 1.5;
}
.admin-purchase-health {
    display: flex;
    align-items: center;
    gap: 9px 13px;
    flex-wrap: wrap;
    color: #aeb6ca;
    font-size: 12px;
    font-weight: 800;
}
.admin-purchase-health small {
    color: #7f899f;
    font-size: 11px;
    font-weight: 700;
}
.admin-purchase-toggle-form {
    flex: 0 0 auto;
    margin: 0;
}
.admin-purchase-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    cursor: pointer;
    user-select: none;
}
.admin-purchase-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.admin-purchase-toggle-track {
    position: relative;
    width: 52px;
    height: 29px;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,83,101,.2);
    transition: background .18s ease, border-color .18s ease;
}
.admin-purchase-toggle-track > span {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #ff7180;
    transition: transform .18s ease, background .18s ease;
}
.admin-purchase-toggle input:checked + .admin-purchase-toggle-track {
    border-color: rgba(124,224,162,.38);
    background: rgba(124,224,162,.16);
}
.admin-purchase-toggle input:checked + .admin-purchase-toggle-track > span {
    transform: translateX(23px);
    background: #7ce0a2;
}
.admin-purchase-toggle input:focus-visible + .admin-purchase-toggle-track {
    outline: 2px solid rgba(214,65,255,.75);
    outline-offset: 3px;
}
.admin-purchase-toggle b {
    min-width: 40px;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}
@media (max-width: 640px) {
    .admin-purchase-control {
        align-items: flex-start;
        gap: 14px;
        padding: 15px;
    }
    .admin-purchase-control p {
        font-size: 12px;
    }
    .admin-purchase-health {
        display: grid;
        gap: 5px;
    }
    .admin-purchase-toggle {
        gap: 7px;
    }
    .admin-purchase-toggle b {
        display: none;
    }
}

/* ===== Scorpion Shop v239 — GGSel Seller API read-only setup ===== */
.ggsel-admin-head {
    width: min(100%, 980px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 20px;
}
.ggsel-admin-head h1 {
    margin: 4px 0 8px;
}
.ggsel-admin-head p {
    max-width: 760px;
    margin: 0;
    color: #aeb6c9;
    line-height: 1.6;
}
.ggsel-admin-kicker {
    color: #bd7cff;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.ggsel-readonly-badge,
.ggsel-configured-label,
.ggsel-success-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 29px;
    padding: 0 11px;
    border: 1px solid rgba(189,124,255,.36);
    border-radius: 999px;
    background: rgba(189,124,255,.09);
    color: #d8b2ff;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .06em;
    white-space: nowrap;
}
.ggsel-configured-label,
.ggsel-success-label {
    border-color: rgba(124,224,162,.34);
    background: rgba(124,224,162,.08);
    color: #8ce9af;
}
.ggsel-status-grid {
    width: min(100%, 980px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}
.ggsel-card {
    width: min(100%, 980px);
    box-sizing: border-box;
    margin-bottom: 14px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 19px;
    background: rgba(255,255,255,.035);
}
.ggsel-status-grid .ggsel-card {
    width: 100%;
    margin-bottom: 0;
}
.ggsel-card-title,
.ggsel-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.ggsel-card-title {
    margin-bottom: 15px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}
.ggsel-card-title > div,
.ggsel-section-head > div {
    min-width: 0;
}
.ggsel-card-title span {
    display: block;
    margin-bottom: 4px;
    color: #8f98ad;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.ggsel-card-title strong {
    display: block;
    color: #fff;
    font-size: 17px;
    overflow-wrap: anywhere;
}
.ggsel-dot {
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
    margin-top: 5px;
    border-radius: 50%;
    background: #ffb45f;
}
.ggsel-dot.is-ok { background: #7ce0a2; }
.ggsel-dot.is-warn { background: #ffb45f; }
.ggsel-info-row {
    display: grid;
    grid-template-columns: minmax(130px, .85fr) minmax(0, 1.15fr);
    gap: 12px;
    align-items: baseline;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,.045);
}
.ggsel-info-row:last-child { border-bottom: 0; }
.ggsel-info-row span {
    color: #8d96aa;
    font-size: 12px;
    font-weight: 750;
}
.ggsel-info-row b {
    color: #e7eaf3;
    font-size: 12px;
    text-align: right;
    overflow-wrap: anywhere;
}
.ggsel-section-head {
    margin-bottom: 16px;
}
.ggsel-section-head h2 {
    margin: 0 0 5px;
    font-size: 19px;
}
.ggsel-section-head p {
    margin: 0;
    color: #9ea7ba;
    font-size: 13px;
    line-height: 1.55;
}
.ggsel-key-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
}
.ggsel-key-form label {
    display: grid;
    gap: 7px;
    min-width: 0;
}
.ggsel-key-form label > span {
    color: #c8cfdd;
    font-size: 12px;
    font-weight: 850;
}
.ggsel-key-form input {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    box-sizing: border-box;
    padding: 11px 14px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 13px;
    background: rgba(7,9,18,.76);
    color: #fff;
    outline: none;
    font: inherit;
}
.ggsel-key-form input:focus {
    border-color: rgba(189,124,255,.7);
}
.ggsel-key-form .primary-btn {
    min-height: 48px;
    white-space: nowrap;
}
.ggsel-key-actions {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 13px;
}
.ggsel-key-actions form { margin: 0; }
.ggsel-empty {
    padding: 15px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
    background: rgba(0,0,0,.12);
    color: #aeb7ca;
    font-size: 13px;
    line-height: 1.55;
}
.ggsel-offers-wrap {
    overflow-x: auto;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
}
.ggsel-offers-table {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}
.ggsel-offers-table th,
.ggsel-offers-table td {
    padding: 12px 13px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    text-align: left;
    vertical-align: middle;
}
.ggsel-offers-table th {
    color: #8f98ac;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ggsel-offers-table td {
    color: #cbd2df;
    font-size: 13px;
}
.ggsel-offers-table tbody tr:last-child td { border-bottom: 0; }
.ggsel-offers-table code {
    color: #d8b2ff;
    font-size: 12px;
}
.ggsel-offers-table b {
    color: #fff;
}
.ggsel-next-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.ggsel-next-grid > div {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 62px;
    padding: 11px 12px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 14px;
    background: rgba(0,0,0,.1);
}
.ggsel-next-grid b {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(189,124,255,.12);
    color: #d8b2ff;
}
.ggsel-next-grid span {
    color: #b7bfd0;
    font-size: 12px;
    line-height: 1.45;
}
@media (max-width: 760px) {
    .ggsel-admin-head {
        display: grid;
        gap: 12px;
    }
    .ggsel-readonly-badge { justify-self: start; }
    .ggsel-status-grid,
    .ggsel-next-grid,
    .ggsel-key-form {
        grid-template-columns: 1fr;
    }
    .ggsel-key-form .primary-btn { width: 100%; }
    .ggsel-card { padding: 15px; }
    .ggsel-info-row {
        grid-template-columns: 1fr;
        gap: 3px;
    }
    .ggsel-info-row b { text-align: left; }
    .ggsel-section-head { align-items: flex-start; }
}

/* GGSel stage 2: local UnlockTool offer draft */
.ggsel-local-label {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid rgba(124,224,162,.34);
    border-radius: 999px;
    color: #8ee8ad;
    background: rgba(124,224,162,.08);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .05em;
    white-space: nowrap;
}
.ggsel-inline-warning,
.ggsel-inline-ok {
    margin: 0 0 16px;
    padding: 11px 13px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.45;
}
.ggsel-inline-warning {
    border: 1px solid rgba(255,180,95,.25);
    background: rgba(255,180,95,.07);
    color: #ffd09a;
}
.ggsel-inline-ok {
    border: 1px solid rgba(124,224,162,.22);
    background: rgba(124,224,162,.06);
    color: #a8efbf;
}
.ggsel-draft-form {
    display: grid;
    gap: 15px;
}
.ggsel-form-grid {
    display: grid;
    gap: 12px;
}
.ggsel-form-grid-2 {
    grid-template-columns: repeat(2, minmax(0,1fr));
}
.ggsel-price-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
}
.ggsel-field {
    display: grid;
    gap: 7px;
    min-width: 0;
}
.ggsel-field > span {
    color: #aeb7c8;
    font-size: 12px;
    font-weight: 900;
}
.ggsel-field small {
    color: #7f899c;
    font-size: 11px;
    line-height: 1.4;
}
.ggsel-field input,
.ggsel-field select,
.ggsel-field textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 11px;
    background: #121628;
    color: #fff;
    padding: 10px 12px;
    font: inherit;
    outline: none;
}
.ggsel-field input,
.ggsel-field select {
    min-height: 43px;
}
.ggsel-field textarea {
    min-height: 118px;
    resize: vertical;
    line-height: 1.5;
}
.ggsel-field input:focus,
.ggsel-field select:focus,
.ggsel-field textarea:focus {
    border-color: rgba(189,124,255,.62);
}
.ggsel-draft-meta {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}
.ggsel-draft-meta > div {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 12px;
    background: rgba(0,0,0,.09);
}
.ggsel-draft-meta span {
    display: block;
    margin-bottom: 4px;
    color: #818b9f;
    font-size: 11px;
    font-weight: 850;
}
.ggsel-draft-meta b {
    display: block;
    overflow-wrap: anywhere;
    color: #d4dae5;
    font-size: 12px;
}
.ggsel-draft-actions {
    display: flex;
    justify-content: flex-start;
}
.ggsel-reset-form {
    margin-top: 10px;
}
@media (max-width: 760px) {
    .ggsel-form-grid-2,
    .ggsel-price-grid,
    .ggsel-draft-meta {
        grid-template-columns: 1fr;
    }
    .ggsel-draft-actions .primary-btn,
    .ggsel-reset-form .ghost-btn {
        width: 100%;
    }
}

/* ===== Scorpion Shop v223 — contain admin support messages at intermediate widths ===== */
.admin-support-chat-card,
.admin-support-chat-card .support-messages,
.admin-support-chat-card .support-message,
.admin-support-chat-card .support-message-person,
.admin-support-chat-card .support-message-meta,
.admin-support-chat-card .support-attachments {
    min-width: 0 !important;
    max-width: 100% !important;
}

.admin-support-chat-card .support-message {
    overflow: hidden !important;
}

.admin-support-chat-card .support-message-person > *,
.admin-support-chat-card .support-message p,
.admin-support-chat-card .support-message p a,
.admin-support-chat-card .support-attachments > * {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* ===== Scorpion Shop v224 — hard containment for admin support chat ===== */
.admin-support-layout,
.admin-support-chat-card,
.admin-support-chat-card .support-messages,
.admin-support-chat-card .support-message,
.admin-support-chat-card .support-message-person,
.admin-support-chat-card .support-message-meta,
.admin-support-chat-card .support-attachments {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.admin-support-chat-card {
    width: 100% !important;
    overflow: hidden !important;
}

.admin-support-chat-card .support-messages,
.admin-support-chat-card .support-message,
.admin-support-chat-card .support-message-person {
    width: 100% !important;
}

.admin-support-chat-card .support-message {
    justify-self: stretch !important;
    overflow: hidden !important;
}

.admin-support-chat-card .support-message-person > .support-message-meta,
.admin-support-chat-card .support-message-person > p,
.admin-support-chat-card .support-message-person > p a,
.admin-support-chat-card .support-attachments > * {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.admin-support-chat-card .support-message-person > p {
    width: 100% !important;
}

.admin-support-chat-card .support-message-person > p a,
.admin-support-chat-card .support-attachments a,
.admin-support-chat-card .support-attachment-missing {
    word-break: break-all !important;
}


/* ===== Scorpion Shop v261 — auth modal below mobile header + equal field widths ===== */

/* Только модальное окно авторизации. Глобальные ограничения .password-field,
   используемые в профиле, не должны сжимать поля входа/регистрации. */
#authModal .auth-form > label:not(.checkbox-row),
#authModal .auth-form .password-field {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
}

#authModal .auth-form input[type="email"],
#authModal .auth-form .password-field input,
#authModal .auth-form .password-field input[type="password"],
#authModal .auth-form .password-field input[type="text"] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 52px !important;
    height: 52px !important;
    max-height: 52px !important;
    box-sizing: border-box !important;
}

/* На ширинах с фиксированной мобильной шапкой модалка занимает только
   область НИЖЕ шапки. Поэтому верх карточки физически не может оказаться
   под header даже при небольшой высоте окна. */
@media (max-width: 860px) {
    #authModal {
        position: fixed !important;
        inset: 82px 0 0 0 !important;
        z-index: 7000 !important;
        width: 100% !important;
        height: auto !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px 16px 16px !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    #authModal .auth-card {
        width: min(520px, 100%) !important;
        max-height: calc(100dvh - 106px) !important;
        margin: auto !important;
    }
}

@media (max-width: 520px) {
    #authModal {
        padding: 10px 12px 12px !important;
    }

    #authModal .auth-card {
        width: 100% !important;
        max-height: calc(100dvh - 104px) !important;
        padding: 20px 16px !important;
    }

    #authModal .auth-card > .modal-close {
        width: 44px !important;
        height: 44px !important;
    }
}

/* ===== Scorpion Shop v263 — вертикальное бургер-меню + полноэкранный mobile ===== */
.header-actions {
    position: relative !important;
}

.header-burger-toggle {
    flex: 0 0 auto;
}

.header-burger-icon {
    width: 22px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    pointer-events: none;
}

.header-burger-icon i {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transform-origin: center;
    transition: transform .18s ease, opacity .18s ease;
}

.header-burger-toggle.is-open .header-burger-icon i:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.header-burger-toggle.is-open .header-burger-icon i:nth-child(2) {
    opacity: 0;
}

.header-burger-toggle.is-open .header-burger-icon i:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.header-burger-menu {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    width: min(300px, calc(100vw - 32px));
    max-height: calc(100dvh - 110px);
    overflow-y: auto;
    padding: 16px;
    border: 1px solid rgba(217,47,255,.30);
    border-radius: 18px;
    background: rgba(8,10,18,.985);
    box-shadow: 0 24px 60px rgba(0,0,0,.58), 0 0 32px rgba(217,47,255,.12);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    overscroll-behavior: contain;
    z-index: 6500;
}

.header-burger-menu[hidden] {
    display: none !important;
}

/* На ПК и планшете пункты всегда идут строго друг под другом. */
.header-burger-menu .footer-links-row,
.header-burger-links {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    gap: 7px !important;
    overflow: visible !important;
}

.header-burger-menu .footer-links-row a,
.header-burger-links a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 9px 11px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    color: #d8dced !important;
    background: rgba(255,255,255,.035) !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease !important;
}

.header-burger-menu .footer-links-row a:hover,
.header-burger-menu .footer-links-row a:focus-visible,
.header-burger-links a:hover,
.header-burger-links a:focus-visible {
    color: #fff !important;
    background: rgba(217,47,255,.12) !important;
    border-color: rgba(217,47,255,.26) !important;
    outline: none !important;
}

.header-burger-social {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.header-burger-social > b {
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.header-burger-social .social-icons {
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
}

/* На телефоне меню занимает всю доступную область экрана под фиксированной шапкой. */
@media (max-width: 860px) {
    .site-header {
        transform: none !important;
        -webkit-transform: none !important;
    }

    .header-burger-menu {
        position: fixed !important;
        top: 82px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        max-width: none !important;
        height: calc(100dvh - 82px) !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 22px max(18px, env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left)) !important;
        border: 0 !important;
        border-top: 1px solid rgba(217,47,255,.24) !important;
        border-radius: 0 !important;
        background: rgba(7,9,20,.995) !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        z-index: 7000 !important;
    }

    .header-burger-menu .footer-links-row,
    .header-burger-links {
        width: min(100%, 520px) !important;
        margin: 0 auto !important;
        gap: 8px !important;
    }

    .header-burger-menu .footer-links-row a,
    .header-burger-links a {
        min-height: 48px !important;
        padding: 11px 14px !important;
        font-size: 14px !important;
        border-radius: 13px !important;
    }

    .header-burger-social {
        width: min(100%, 520px) !important;
        margin: 18px auto 0 !important;
        padding-top: 18px !important;
    }
}

@media (max-width: 390px) {
    .header-burger-social {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .header-burger-social .social-icons {
        justify-content: flex-start !important;
    }
}

/* ===== Scorpion Shop v282 — единые отзывы на странице товара ===== */
.store-reviews-title {
    width: min(100%, 860px);
    margin: 32px auto 0;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.08;
    letter-spacing: -.03em;
}

.store-review-meta {
    display: grid !important;
    justify-content: stretch !important;
    gap: 5px !important;
    margin-bottom: 9px !important;
}

.store-review-meta > .store-review-author-line {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    min-width: 0;
    color: #8f99ad;
    line-height: 1.35;
}

.store-review-author-line .store-review-date,
.store-review-author-line .store-review-author-separator {
    color: #8f99ad;
    font-size: 12px;
    font-weight: 700;
}

.store-review-author-line strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.store-review-meta > .store-review-stars {
    display: inline-flex !important;
    justify-self: start;
}

@media (max-width: 700px) {
    .store-reviews-title {
        margin-top: 26px;
        font-size: clamp(26px, 8vw, 34px);
    }

    .store-review-meta {
        display: grid !important;
    }
}



/* ===== Scorpion Shop v283 — review meta parity, full-width game reviews, reviews action ===== */
.store-review-author-line .store-review-date,
.store-review-author-line .store-review-author-separator,
.store-review-author-line strong {
    color: #d8dced !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.game-reviews-scroll-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#leave-review {
    scroll-margin-top: 104px;
}

@media (min-width: 861px) {
    .game-page-panel > .store-reviews-title,
    .game-page-panel > .store-reviews-section {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* ===== Scorpion Shop v284 — trailer mobile widget actions ===== */
@media (max-width: 760px) {
    body.trailer-modal-open .widget-actions {
        display: none !important;
    }
}


/* ===== Scorpion Shop v285 — подсказка после добавления товара в корзину ===== */
.cart-action .cart-add-feedback {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    z-index: 80;
    display: grid;
    justify-items: center;
    gap: 2px;
    width: max-content;
    max-width: min(220px, calc(100vw - 24px));
    transform: translateX(-50%);
    pointer-events: none;
    opacity: 1;
    transition: opacity .18s ease, transform .18s ease;
}

.cart-action .cart-add-feedback.is-hiding {
    opacity: 0;
    transform: translateX(-50%) translateY(-5px);
}

.cart-add-feedback-arrow {
    display: block;
    color: #fff;
    font-size: 27px;
    line-height: .8;
    font-weight: 900;
    text-shadow: 0 4px 14px rgba(0,0,0,.5);
    animation: cartAddedArrowBounce .48s ease-in-out infinite alternate;
}

.cart-add-feedback-text {
    display: block;
    padding: 9px 13px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    background: rgba(13,16,29,.97);
    color: #fff;
    box-shadow: 0 12px 30px rgba(0,0,0,.38);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
    white-space: nowrap;
}

.cart-action.cart-add-feedback-active .icon-cart {
    animation: cartAddedIconPulse .42s ease both;
}

@keyframes cartAddedArrowBounce {
    from { transform: translateY(4px); }
    to { transform: translateY(-2px); }
}

@keyframes cartAddedIconPulse {
    0% { transform: scale(1); }
    48% { transform: scale(1.18); }
    100% { transform: scale(1); }
}

@media (max-width: 520px) {
    .cart-action .cart-add-feedback {
        top: calc(100% + 7px);
    }

    .cart-add-feedback-text {
        padding: 8px 11px;
        font-size: 12px;
    }
}


/* ===== Scorpion Shop v286 — скрытие widget-actions при просмотре фото игры ===== */
body.media-viewer-open .widget-actions,
html.media-viewer-open body .widget-actions {
    display: none !important;
}


/* ===== Scorpion Shop v287 — mobile search/auth handoff and hidden results scrollbar ===== */
@media (max-width: 860px) {
    .search-results {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .search-results::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }
}


/* ===== Scorpion Shop v291 — pending payment recovery ===== */
.pending-payment-card {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 14px 0 20px;
    padding: 16px 18px;
    border: 1px solid rgba(217, 47, 255, .28);
    border-radius: 18px;
    background: rgba(159, 59, 255, .08);
    box-sizing: border-box;
}
.pending-payment-copy {
    min-width: 0;
    display: grid;
    gap: 5px;
}
.pending-payment-copy strong {
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
}
.pending-payment-copy span {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.pending-payment-copy [data-pending-payment-countdown] {
    color: #fff;
    font-variant-numeric: tabular-nums;
}
.pending-payment-pay-btn {
    flex: 0 0 auto;
    min-width: 118px;
    justify-content: center;
}
.pending-payment-card.is-expired {
    opacity: .72;
}
.pending-payment-card-cart {
    margin-top: 0;
}
.rental-product-info .pending-payment-card-rental {
    max-width: 650px;
}
@media (max-width: 720px) {
    .pending-payment-card {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
        padding: 14px;
    }
    .pending-payment-pay-btn {
        width: 100%;
    }
}