/* =========================================================
   PBGame Маркетплейс
   Counter-Strike 1.6
   ========================================================= */

body.pbm-marketplace-v2 {
    --pb-bg: #f3f6fa;
    --pb-bg-soft: #f8fafd;
    --pb-white: #fff;

    --pb-text: #17243a;
    --pb-text-soft: #65758c;
    --pb-text-muted: #94a0b0;

    --pb-line: #dce4ee;
    --pb-line-strong: #cbd6e3;

    --pb-accent: #526cdf;
    --pb-accent-hover: #425bc9;
    --pb-accent-soft: #edf1ff;

    --pb-green: #2fbd88;

    --pb-shell: 1320px;
    --pb-header: 72px;

    background:
        radial-gradient(
            circle at 88% 3%,
            rgba(104,116,230,.055),
            transparent 28rem
        ),
        var(--pb-bg) !important;

    color: var(--pb-text) !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;
}


/* =========================================================
   PAGE
   ========================================================= */

.pbm-marketplace-v2 .page-wrapper,
.pbm-marketplace-v2 .page-body-wrapper {
    background: transparent !important;
}

.pbm-marketplace-v2 .page-body-wrapper {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}

.pbm-marketplace-v2 .sidebar-wrapper {
    display: none !important;
}

.pbm-marketplace-v2 .page-body,
.pbm-marketplace-v2
.page-wrapper.compact-wrapper
.page-body-wrapper .page-body {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding: 0 0 48px !important;

    background: transparent !important;
}

.pbm-marketplace-v2
.page-body > .container-fluid,
.pbm-marketplace-v2
.pb-main-content-wrap {
    width: 100%;

    max-width: var(--pb-shell);

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 22px !important;
    padding-right: 22px !important;
}

.pbm-marketplace-v2
.pb-main-content-wrap {
    margin-top: 20px !important;
}


/* Старую рекламу сверху скрываем только на главной. */

body.pbm-marketplace-v2:has(.pbm-home)
.page-body > .container-fluid:first-child {
    display: none !important;
}


/* На остальных страницах реклама остаётся аккуратной. */

.pbm-marketplace-v2
.page-body > .container-fluid:first-child
.col-lg-6.mt-3 > * {
    overflow: hidden;

    border-radius: 10px;
}


/* =========================================================
   HEADER
   ========================================================= */

.pbm-marketplace-v2
.page-wrapper.compact-wrapper
.page-header {
    position: sticky !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;

    margin: 0 !important;

    z-index: 1050;

    background:
        rgba(255,255,255,.95) !important;

    border-bottom:
        1px solid rgba(214,224,236,.94) !important;

    box-shadow:
        0 7px 24px rgba(37,54,79,.045) !important;

    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
}

.pbm-marketplace-v2
.page-header .header-wrapper {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    gap: 23px;

    width: 100%;
    max-width: var(--pb-shell);

    min-height: var(--pb-header);

    margin: 0 auto !important;

    padding: 0 22px !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* =========================================================
   BRAND
   ========================================================= */

.pbm-marketplace-v2
.header-logo-wrapper {
    flex: 0 0 auto !important;

    display: flex !important;
    align-items: center !important;

    width: auto !important;
    min-width: 188px;

    padding: 0 !important;
}

.pbm-marketplace-v2
.header-logo-wrapper .logo-wrapper {
    width: auto !important;
}

.pbm-brand {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    color: inherit !important;

    text-decoration: none !important;
}

.pbm-brand__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 32px;

    border-radius: 9px;

    background:
        linear-gradient(
            135deg,
            #536ee4,
            #7666e9
        );

    color: #fff;

    font-size: 12px;
    font-weight: 850;

    letter-spacing: .045em;

    box-shadow:
        0 6px 16px rgba(83,110,228,.18);
}

.pbm-brand__divider {
    width: 1px;
    height: 23px;

    background: #dce4ed;
}

.pbm-brand__title {
    color: #26354d;

    font-size: 11.5px;
    font-weight: 800;

    white-space: nowrap;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.pbm-marketplace-v2 .pbm-nav-host {
    flex: 1 1 auto !important;

    display: flex !important;
    align-items: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.pbm-marketplace-v2 .pbm-nav {
    display: flex;
    align-items: center;

    gap: 2px;
}

.pbm-marketplace-v2 .pbm-nav__link {
    position: relative;

    display: inline-flex;
    align-items: center;

    min-height: 38px;

    padding: 0 10px;

    border-radius: 8px;

    color: #68778c !important;

    font-size: 10.5px;
    font-weight: 700;

    text-decoration: none !important;

    transition:
        background .15s ease,
        color .15s ease;
}

.pbm-marketplace-v2
.pbm-nav__link:hover {
    background: #f1f4f8;

    color: #25344c !important;
}

.pbm-marketplace-v2
.pbm-nav__link.is-active {
    color: var(--pb-accent) !important;
}

.pbm-marketplace-v2
.pbm-nav__link.is-active::after {
    content: "";

    position: absolute;

    left: 10px;
    right: 10px;
    bottom: -17px;

    height: 2px;

    border-radius: 10px;

    background: var(--pb-accent);
}


/* =========================================================
   HEADER ACTIONS
   ========================================================= */

.pbm-marketplace-v2 .nav-right {
    position: static !important;

    flex: 0 0 auto !important;

    display: flex !important;
    align-items: center !important;

    width: auto !important;

    margin-left: auto !important;
    padding: 0 !important;
}

.pbm-marketplace-v2
.nav-right .nav-menus {
    display: flex !important;
    align-items: center !important;

    gap: 5px;

    margin: 0 !important;
}

.pbm-marketplace-v2
.nav-right .nav-menus > li {
    margin: 0 !important;
    padding: 0 !important;
}

.pbm-marketplace-v2
.notification-box,
.pbm-marketplace-v2
.cart-box,
.pbm-marketplace-v2
.pbm-search-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 38px;
    height: 38px;

    margin: 0 !important;
    padding: 0 10px !important;

    border: 1px solid var(--pb-line) !important;
    border-radius: 9px !important;

    background: #fff !important;

    color: #56657a !important;

    box-shadow: none !important;
}

.pbm-marketplace-v2
.pbm-search-trigger {
    gap: 7px;

    font-family: inherit;

    font-size: 10px;
    font-weight: 750;
}

.pbm-marketplace-v2
.notification-box:hover,
.pbm-marketplace-v2
.cart-box:hover,
.pbm-marketplace-v2
.pbm-search-trigger:hover {
    border-color: var(--pb-line-strong) !important;

    background: #f7f9fc !important;

    color: var(--pb-accent) !important;
}

.pbm-marketplace-v2
.nav-right .btn-success {
    min-height: 38px;

    display: inline-flex;
    align-items: center;

    padding: 0 13px;

    border: 1px solid #cfe8de !important;
    border-radius: 9px !important;

    background: #effaf5 !important;

    color: #21845f !important;

    box-shadow: none !important;

    font-size: 10.5px;
    font-weight: 800;
}

.pbm-marketplace-v2
.profile-media {
    display: inline-flex !important;

    width: 40px;
    height: 40px;

    padding: 2px !important;

    border: 1px solid var(--pb-line) !important;
    border-radius: 10px !important;

    background: #fff !important;
}

.pbm-marketplace-v2
.profile-media img {
    width: 34px !important;
    height: 34px !important;

    border-radius: 8px !important;

    object-fit: cover;
}


/* =========================================================
   GLOBAL SEARCH
   ========================================================= */

.pbm-marketplace-v2
.page-header .search-full {
    position: absolute !important;

    top: calc(100% + 9px) !important;
    left: 50% !important;

    display: none !important;

    width: min(720px,calc(100vw - 30px)) !important;

    padding: 9px !important;

    border: 1px solid var(--pb-line);
    border-radius: 12px;

    background: rgba(255,255,255,.985) !important;

    box-shadow:
        0 24px 58px rgba(38,57,87,.14);

    transform: translateX(-50%) !important;

    z-index: 1500;
}

.pbm-marketplace-v2.pbm-search-open
.page-header .search-full {
    display: block !important;
}

.pbm-marketplace-v2
.Typeahead-input {
    min-height: 45px;

    border: 1px solid #dfe6ef !important;
    border-radius: 9px !important;

    background: #f8fafc !important;

    color: var(--pb-text) !important;
}


/* =========================================================
   HERO
   ========================================================= */

.pbm-home {
    width: 100%;
}

.pbm-hero {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 500px;

    overflow: hidden;

    border: 1px solid #d8e1ec;
    border-radius: 20px;

    background-color: #fff;

    background-image:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.995) 36%,
            rgba(255,255,255,.91) 48%,
            rgba(255,255,255,.56) 59%,
            rgba(255,255,255,.12) 75%,
            rgba(255,255,255,.02) 100%
        ),
        url("../images/pbgame-market-hero-banner.png");

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

    box-shadow:
        0 18px 48px rgba(43,63,94,.065);
}

.pbm-hero::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0) 72%,
            rgba(25,35,49,.035)
        );
}

.pbm-hero__content {
    position: relative;
    z-index: 2;

    width: 61%;

    padding: 54px;
}

.pbm-kicker {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 17px;

    color: #6c7b90;

    font-size: 9.5px;
    font-weight: 800;

    letter-spacing: .065em;

    text-transform: uppercase;
}

.pbm-kicker span {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--pb-green);

    box-shadow:
        0 0 0 4px rgba(47,189,136,.11);
}

.pbm-hero h1 {
    max-width: 680px;

    margin: 0 0 18px;

    color: #16253d !important;

    font-size:
        clamp(42px,4vw,62px);

    font-weight: 820;

    line-height: 1.04;

    letter-spacing: -.045em;
}

.pbm-hero h1 strong {
    display: block;

    color: var(--pb-accent);

    font-weight: inherit;
}

.pbm-hero__lead {
    max-width: 590px;

    margin: 0 0 25px;

    color: #697a91;

    font-size: 13px;
    line-height: 1.7;
}


/* =========================================================
   HERO SEARCH
   ========================================================= */

.pbm-search {
    display: grid;

    grid-template-columns:
        40px minmax(0,1fr) auto;

    align-items: center;

    max-width: 610px;

    padding: 6px;

    border: 1px solid #d5dfeb;
    border-radius: 11px;

    background: #fff;

    box-shadow:
        0 10px 26px rgba(43,64,96,.075);
}

.pbm-search > i {
    color: #8794a7;

    text-align: center;
}

.pbm-search input {
    width: 100%;
    height: 43px;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    color: var(--pb-text) !important;

    box-shadow: none !important;

    font-family: inherit;

    font-size: 11.5px;
}

.pbm-search input::placeholder {
    color: #98a4b4;
}

.pbm-search button {
    height: 39px;

    padding: 0 18px;

    border: 0;
    border-radius: 8px;

    background: var(--pb-accent);

    color: #fff;

    font-family: inherit;

    font-size: 10px;
    font-weight: 800;

    cursor: pointer;

    transition:
        background .15s ease,
        transform .15s ease;
}

.pbm-search button:hover {
    background: var(--pb-accent-hover);

    transform: translateY(-1px);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.pbm-hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 14px;
}

.pbm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 39px;

    padding: 0 14px;

    border: 1px solid #d5dfeb;
    border-radius: 9px;

    background: #fff;

    color: #526279 !important;

    font-size: 10px;
    font-weight: 750;

    text-decoration: none !important;

    transition:
        border-color .15s ease,
        transform .15s ease,
        background .15s ease;
}

.pbm-btn:hover {
    border-color: #c5d1df;

    background: #fafbfd;

    transform: translateY(-1px);

    color: #26364e !important;
}

.pbm-btn--primary {
    border-color: var(--pb-accent);

    background: var(--pb-accent);

    color: #fff !important;
}

.pbm-btn--primary:hover {
    border-color: var(--pb-accent-hover);

    background: var(--pb-accent-hover);

    color: #fff !important;
}


/* =========================================================
   HERO STATS
   ========================================================= */

.pbm-hero__stats {
    display: flex;
    align-items: stretch;

    margin-top: 26px;
}

.pbm-hero__stats div {
    min-width: 110px;

    padding-right: 20px;
}

.pbm-hero__stats div + div {
    padding-left: 20px;

    border-left: 1px solid #dfe6ee;
}

.pbm-hero__stats strong {
    display: block;

    color: #24344d;

    font-size: 14px;
    font-weight: 800;
}

.pbm-hero__stats span {
    display: block;

    margin-top: 2px;

    color: #8e9aab;

    font-size: 8.5px;
}


/* =========================================================
   SECTION HEADS
   ========================================================= */

.pbm-section {
    margin-top: 38px;
}

.pbm-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 22px;

    margin-bottom: 15px;
}

.pbm-section__label {
    display: block;

    margin-bottom: 5px;

    color: var(--pb-accent);

    font-size: 8.5px;
    font-weight: 850;

    letter-spacing: .07em;

    text-transform: uppercase;
}

.pbm-section__head h2 {
    margin: 0 0 5px;

    color: #182740 !important;

    font-size: 23px;
    font-weight: 800;

    letter-spacing: -.025em;
}

.pbm-section__head p {
    margin: 0;

    color: #8190a4;

    font-size: 10.5px;
}

.pbm-more {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    min-height: 35px;

    padding: 0 11px;

    border: 1px solid var(--pb-line);
    border-radius: 8px;

    background: #fff;

    color: #596980 !important;

    font-size: 9.5px;
    font-weight: 750;

    text-decoration: none !important;

    transition:
        border-color .15s ease,
        color .15s ease;
}

.pbm-more:hover {
    border-color: var(--pb-line-strong);

    color: var(--pb-accent) !important;
}


/* =========================================================
   CATEGORIES
   ========================================================= */

.pbm-categories {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 11px;
}

.pbm-category {
    display: grid;

    grid-template-columns:
        42px minmax(0,1fr) 16px;

    align-items: center;

    gap: 11px;

    min-height: 82px;

    padding: 13px;

    border: 1px solid var(--pb-line);
    border-radius: 12px;

    background: #fff;

    color: inherit !important;

    text-decoration: none !important;

    box-shadow:
        0 4px 14px rgba(45,65,94,.025);

    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}

.pbm-category:hover {
    transform: translateY(-2px);

    border-color: var(--pb-line-strong);

    box-shadow:
        0 12px 28px rgba(43,63,93,.065);
}

.pbm-category__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    border: 1px solid #dce3fb;
    border-radius: 9px;

    background: var(--pb-accent-soft);

    color: var(--pb-accent);
}

.pbm-category strong {
    display: block;

    color: #26364e;

    font-size: 11px;
    font-weight: 760;
}

.pbm-category span {
    display: block;

    margin-top: 3px;

    color: #919daf;

    font-size: 8.7px;
}

.pbm-category > i {
    color: #a2adbb;

    font-size: 9px;
}


/* =========================================================
   PRODUCTS
   ========================================================= */

.pbm-products-shell {
    overflow: hidden;

    border: 1px solid var(--pb-line);
    border-radius: 14px;

    background: #fff;

    box-shadow:
        0 5px 19px rgba(42,61,89,.028);
}

.pbm-products-shell__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 12px 15px;

    border-bottom: 1px solid #e5ebf2;

    background: #fafbfd;

    color: #526179;

    font-size: 9px;
}

.pbm-products-shell__top > div {
    display: flex;
    align-items: center;

    gap: 8px;
}

.pbm-products-shell__top strong {
    font-weight: 750;
}

.pbm-products-shell__top > span {
    color: #939eae;
}

.pbm-live {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--pb-green);

    box-shadow:
        0 0 0 4px rgba(47,189,136,.09);
}

.pbm-product-grid {
    margin: 0 !important;

    padding: 8px !important;
}

.pbm-product-grid
> [class*="col-"] {
    padding: 6px !important;

    margin: 0 !important;
}


/* На главной только первые 8. */

.pbm-product-grid:not(.is-searching)
> [class*="col-"]:nth-child(n+9) {
    display: none !important;
}


/* Во время поиска используем все товары. */

.pbm-product-grid.is-searching
> [class*="col-"] {
    display: block !important;
}

.pbm-product-grid
> [hidden] {
    display: none !important;
}


/* =========================================================
   PRODUCT CARDS
   ========================================================= */

.pbm-marketplace-v2
.pb-amxx-card {
    height: 100%;

    overflow: hidden;

    border: 1px solid #dfe6ef !important;
    border-radius: 11px !important;

    background: #fff !important;

    color: var(--pb-text) !important;

    box-shadow: none !important;

    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}

.pbm-marketplace-v2
.pb-amxx-card:hover {
    transform: translateY(-2px);

    border-color: #cbd6e4 !important;

    box-shadow:
        0 12px 26px rgba(43,62,91,.065) !important;
}

.pbm-marketplace-v2
.pb-amxx-card-preview {
    min-height: 138px !important;
    height: 138px !important;

    margin: 8px 8px 0 !important;

    border: 1px solid #e5eaf1 !important;
    border-radius: 8px !important;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(82,108,223,.055),
            transparent 62%
        ),
        #f7f9fc !important;
}

.pbm-marketplace-v2
.pb-amxx-card-preview-icon {
    width: 64px !important;
    height: 64px !important;
}

.pbm-marketplace-v2
.pb-amxx-card-preview span {
    color: #8996a8 !important;
}

.pbm-marketplace-v2
.pb-amxx-card-top {
    padding: 12px 12px 6px !important;
}

.pbm-marketplace-v2
.pb-amxx-card-title {
    color: #213149 !important;

    font-size: 11.5px !important;
    font-weight: 760 !important;
}

.pbm-marketplace-v2
.pb-amxx-card-sub {
    color: #929eae !important;

    font-size: 8.7px !important;
}

.pbm-marketplace-v2
.pb-amxx-card-info {
    padding: 0 12px 7px !important;
}

.pbm-marketplace-v2
.pb-amxx-card-info > span,
.pbm-marketplace-v2
.pb-amxx-card-info .badge {
    border-color: #e0e6ee !important;

    background: #f7f9fc !important;

    color: #738198 !important;
}

.pbm-marketplace-v2
.pb-amxx-card-footer {
    border-top: 1px solid #e7ecf2 !important;
}

.pbm-marketplace-v2
.pb-card__price {
    color: var(--pb-accent) !important;
}

.pbm-marketplace-v2
.pb-card__cart {
    border-color: #d2dcf3 !important;

    background: var(--pb-accent-soft) !important;

    color: var(--pb-accent) !important;
}

.pbm-marketplace-v2
.pb-amxx-card-open {
    border-color: #e0e6ee !important;

    background: #fafbfd !important;

    color: #65758b !important;
}

@media (min-width:1200px) {

    .pbm-product-grid
    > [class*="col-"] {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

}


/* =========================================================
   SEARCH EMPTY
   ========================================================= */

.pbm-empty {
    padding: 50px 20px;

    text-align: center;
}

.pbm-empty i {
    margin-bottom: 10px;

    color: var(--pb-accent);

    font-size: 21px;
}

.pbm-empty strong,
.pbm-empty span {
    display: block;
}

.pbm-empty strong {
    color: #24344d;
}

.pbm-empty span {
    margin: 5px 0 13px;

    color: #8996a8;

    font-size: 10px;
}

.pbm-empty a {
    color: var(--pb-accent) !important;

    font-size: 10px;
}


/* =========================================================
   ECOSYSTEM
   ========================================================= */

.pbm-ecosystem {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 11px;
}

.pbm-ecosystem__card {
    display: flex;
    flex-direction: column;

    min-height: 205px;

    padding: 18px;

    border: 1px solid var(--pb-line);
    border-radius: 12px;

    background: #fff;

    color: inherit !important;

    text-decoration: none !important;

    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}

.pbm-ecosystem__card:hover {
    transform: translateY(-2px);

    border-color: var(--pb-line-strong);

    box-shadow:
        0 12px 28px rgba(43,62,91,.055);
}

.pbm-ecosystem__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 18px;
}

.pbm-ecosystem__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 39px;
    height: 39px;

    border: 1px solid #dce3fb;
    border-radius: 9px;

    background: var(--pb-accent-soft);

    color: var(--pb-accent);
}

.pbm-pill {
    padding: 5px 8px;

    border: 1px solid #e0e6ef;
    border-radius: 999px;

    background: #fafbfd;

    color: #8692a4;

    font-size: 8px;
    font-weight: 750;
}

.pbm-ecosystem__card h3 {
    margin: 0 0 7px;

    color: #22324b !important;

    font-size: 15px;
}

.pbm-ecosystem__card p {
    margin: 0 0 18px;

    color: #7d8ba0;

    font-size: 10.5px;
    line-height: 1.62;
}

.pbm-ecosystem__link {
    margin-top: auto;

    color: var(--pb-accent);

    font-size: 9.5px;
    font-weight: 750;
}


/* =========================================================
   DEVELOPER CTA
   ========================================================= */

.pbm-developer {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    margin-top: 40px;

    padding: 27px 29px;

    overflow: hidden;

    border: 1px solid #d7e0ec;
    border-radius: 14px;

    background:
        radial-gradient(
            circle at 93% 20%,
            rgba(105,93,225,.12),
            transparent 18rem
        ),
        linear-gradient(
            110deg,
            #edf3ff,
            #fff 63%
        );
}

.pbm-developer > div:first-child > span {
    color: var(--pb-accent);

    font-size: 8px;
    font-weight: 850;

    letter-spacing: .075em;

    text-transform: uppercase;
}

.pbm-developer h2 {
    margin: 5px 0;

    color: #182740 !important;

    font-size: 20px;
}

.pbm-developer p {
    margin: 0;

    color: #78879c;

    font-size: 10.5px;
}

.pbm-developer__actions {
    display: flex;

    gap: 7px;

    flex: 0 0 auto;
}


/* =========================================================
   PARTNERS
   ========================================================= */

.pbm-partners {
    margin-top: 38px;
}

.pbm-partners__title {
    margin-bottom: 8px;

    color: #929eae;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: .08em;

    text-transform: uppercase;
}

.pbm-partners__grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 10px;
}

.pbm-partners__grid > div {
    overflow: hidden;

    border: 1px solid #e0e6ee;
    border-radius: 10px;

    background: #fff;
}


/* =========================================================
   CATALOG — SAME VISUAL LANGUAGE
   ========================================================= */

.pbm-marketplace-v2
.pb-catalog-panel,
.pbm-marketplace-v2
.pb-catalog-products-wrap {
    overflow: hidden;

    border: 1px solid var(--pb-line) !important;
    border-radius: 14px !important;

    background: #fff !important;

    color: var(--pb-text) !important;

    box-shadow:
        0 5px 19px rgba(42,61,89,.028) !important;
}

.pbm-marketplace-v2
.pb-catalog-panel h1,
.pbm-marketplace-v2
.pb-catalog-products-top b {
    color: #1c2b44 !important;
}

.pbm-marketplace-v2
.pb-catalog-panel p {
    color: #7d8ba0 !important;
}

.pbm-marketplace-v2
.pb-catalog-tab {
    border-color: #dfe6ef !important;

    background: #f8fafc !important;

    color: #56657b !important;
}

.pbm-marketplace-v2
.pb-catalog-tab:hover {
    border-color: #ccd7e5 !important;
}

.pbm-marketplace-v2
.pb-catalog-tab.active {
    border-color: #ccd6f0 !important;

    background: var(--pb-accent-soft) !important;

    color: var(--pb-accent) !important;
}


/* =========================================================
   COOKIE — FIXED
   ========================================================= */

body.pbm-marketplace-v2
.pbg-cookie {
    position: fixed !important;

    left: 18px !important;
    right: auto !important;
    top: auto !important;
    bottom: 18px !important;

    width: min(430px,calc(100vw - 36px)) !important;
    max-width: 430px !important;

    margin: 0 !important;

    border: 1px solid #d9e2ec !important;
    border-radius: 13px !important;

    background: #fff !important;

    color: #26364e !important;

    box-shadow:
        0 18px 45px rgba(39,58,87,.14) !important;

    transform:
        translateY(calc(100% + 40px)) !important;
}

body.pbm-marketplace-v2
.pbg-cookie.is-visible {
    transform: translateY(0) !important;
}

body.pbm-marketplace-v2
.pbg-cookie__inner {
    display: grid !important;

    grid-template-columns:
        40px minmax(0,1fr) auto;

    align-items: center !important;

    gap: 11px !important;

    padding: 13px !important;
}

body.pbm-marketplace-v2
.pbg-cookie__text {
    min-width: 0;
}

body.pbm-marketplace-v2
.pbg-cookie__text strong {
    color: #24344d !important;

    font-size: 10px !important;
}

body.pbm-marketplace-v2
.pbg-cookie__text span,
body.pbm-marketplace-v2
.pbg-cookie__text p {
    margin: 2px 0 0 !important;

    color: #7d899a !important;

    font-size: 8.8px !important;
    line-height: 1.4 !important;
}

body.pbm-marketplace-v2
.pbg-cookie__actions {
    display: flex !important;

    align-items: center;

    gap: 5px !important;

    flex: 0 0 auto !important;
}

body.pbm-marketplace-v2
.pbg-cookie__btn {
    white-space: nowrap;
}


/* =========================================================
   FOOTER
   ========================================================= */

.pbm-marketplace-v2
.pb-site-footer {
    width: 100% !important;

    margin-left: 0 !important;
    margin-top: 42px !important;

    border-top: 1px solid #dfe6ef !important;
}


/* =========================================================
   MOBILE NAV
   ========================================================= */

.pbm-marketplace-v2
.pb-mobile-burger {
    display: none !important;

    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    border: 1px solid var(--pb-line);
    border-radius: 9px;

    background: #fff;

    color: #536279;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:1120px) {

    .pbm-marketplace-v2
    .pb-mobile-burger {
        display: inline-flex !important;
    }

    .pbm-marketplace-v2
    .pbm-nav-host {
        position: fixed !important;

        top: calc(var(--pb-header) + 8px);
        left: 14px;
        right: 14px;

        display: none !important;

        width: auto !important;

        padding: 7px !important;

        border: 1px solid var(--pb-line);
        border-radius: 12px;

        background: rgba(255,255,255,.985);

        box-shadow:
            0 22px 55px rgba(37,57,87,.14);

        z-index: 1400;
    }

    .pbm-marketplace-v2.pbm-nav-open
    .pbm-nav-host {
        display: block !important;
    }

    .pbm-marketplace-v2
    .pbm-nav {
        display: grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 3px;
    }

    .pbm-marketplace-v2
    .pbm-nav__link {
        justify-content: flex-start;

        min-height: 42px;
    }

    .pbm-marketplace-v2
    .pbm-nav__link.is-active::after {
        display: none;
    }

    .pbm-hero__content {
        width: 68%;
    }

    .pbm-categories {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media (max-width:780px) {

    .pbm-marketplace-v2
    .header-logo-wrapper {
        min-width: auto;
    }

    .pbm-brand__title,
    .pbm-brand__divider {
        display: none;
    }

    .pbm-marketplace-v2
    .pbm-search-trigger span {
        display: none;
    }

    .pbm-marketplace-v2
    .pbm-search-trigger {
        width: 38px;

        padding: 0 !important;
    }

    .pbm-hero {
        min-height: 590px;

        align-items: flex-start;

        background-image:
            linear-gradient(
                180deg,
                #fff 0%,
                rgba(255,255,255,.99) 56%,
                rgba(255,255,255,.56) 72%,
                rgba(255,255,255,.08) 100%
            ),
            url("../images/pbgame-market-hero-banner.png");

        background-position: center bottom;
    }

    .pbm-hero__content {
        width: 100%;

        padding: 34px 22px 220px;
    }

    .pbm-hero h1 {
        font-size: 40px;
    }

    .pbm-ecosystem {
        grid-template-columns: 1fr;
    }

    .pbm-developer {
        align-items: flex-start;
        flex-direction: column;
    }

    .pbm-partners__grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width:560px) {

    .pbm-marketplace-v2
    .page-header .header-wrapper {
        padding: 0 12px !important;

        gap: 6px;
    }

    .pbm-marketplace-v2
    .page-body > .container-fluid,
    .pbm-marketplace-v2
    .pb-main-content-wrap {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .pbm-categories {
        grid-template-columns: 1fr;
    }

    .pbm-search {
        grid-template-columns:
            36px minmax(0,1fr);
    }

    .pbm-search button {
        grid-column: 1/-1;

        width: 100%;
    }

    .pbm-hero__stats {
        flex-wrap: wrap;

        row-gap: 12px;
    }

    .pbm-hero__stats div + div {
        padding-left: 0;

        border-left: 0;
    }

    .pbm-section__head {
        align-items: flex-start;
        flex-direction: column;

        gap: 10px;
    }

    .pbm-product-grid
    > [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .pbm-developer__actions {
        width: 100%;

        flex-direction: column;
    }

    body.pbm-marketplace-v2
    .pbg-cookie__inner {
        grid-template-columns:
            38px minmax(0,1fr);
    }

    body.pbm-marketplace-v2
    .pbg-cookie__actions {
        grid-column: 1/-1;

        justify-content: flex-end;
    }

}