html,
body,
body.light-theme,
body.dark-theme,
#app,
main,
.wrapper,
.page,
.shop,
section.section,
section.section-shop,
section.section-md,
section.section-jumbotron {
    background: #1f1f1f !important;
    background-color: #1f1f1f !important;
}

@media screen and (max-width: 991.98px) {
    nav.spirit-navbar button.btn-transparent.icon-only:not([onclick*="switchTheme"]) {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    nav.spirit-navbar button[onclick*="switchTheme"] {
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #d8eaf4 !important;
        background: rgba(35, 53, 60, 0.72) !important;
        border: 1px solid rgba(74, 190, 255, 0.22) !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: hidden !important;
        background-clip: padding-box !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    nav.spirit-navbar button[onclick*="switchTheme"]::before,
    nav.spirit-navbar button[onclick*="switchTheme"]::after {
        content: none !important;
        display: none !important;
    }

    nav.spirit-navbar button[onclick*="switchTheme"] svg {
        width: 20px !important;
        height: 20px !important;
        color: currentColor !important;
        stroke: currentColor !important;
        fill: none !important;
    }
}

body.light-theme,
body.light-theme .shop,
body.light-theme section,
body.dark-theme,
body.dark-theme .shop,
body.dark-theme section {
    color: #ffffff !important;
}

body.light-theme nav.spirit-navbar,
body.dark-theme nav.spirit-navbar {
    background: #252525 !important;
}

body.light-theme nav.spirit-navbar *,
body.dark-theme nav.spirit-navbar * {
    color: #ffffff !important;
}

body.light-theme .shop-products,
body.light-theme .filter-items,
body.light-theme .product-card,
body.light-theme .card.product-card,
body.light-theme .card-body,
body.light-theme .card-footer,
body.light-theme .shop-product-payload,
body.light-theme .product-preview-image-wrapper,
body.light-theme section.section-md .card,
body.light-theme section.section-md .card-body,
body.dark-theme .shop-products,
body.dark-theme .filter-items,
body.dark-theme .product-card,
body.dark-theme .card.product-card,
body.dark-theme .card-body,
body.dark-theme .card-footer,
body.dark-theme .shop-product-payload,
body.dark-theme .product-preview-image-wrapper,
body.dark-theme section.section-md .card,
body.dark-theme section.section-md .card-body {
    background: #1f1f1f !important;
    background-color: #1f1f1f !important;
}

body.light-theme .product-card,
body.light-theme .card.product-card,
body.dark-theme .product-card,
body.dark-theme .card.product-card {
    border-color: transparent !important;
}

body.light-theme .product-card:hover,
body.light-theme .card.product-card:hover,
body.dark-theme .product-card:hover,
body.dark-theme .card.product-card:hover {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.light-theme .product-preview-image-wrapper,
body.dark-theme .product-preview-image-wrapper {
    background:
        radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.025) 34%, rgba(0, 0, 0, 0) 62%),
        linear-gradient(145deg, #232728 0%, #191b1d 100%) !important;
    background-color: #1d2022 !important;
    border-color: rgba(255, 255, 255, 0.055) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important;
}

body.light-theme section.section-md .card,
body.dark-theme section.section-md .card {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.light-theme .shop h1,
body.light-theme .shop h2,
body.light-theme .shop h3,
body.light-theme .shop h4,
body.light-theme .shop h5,
body.light-theme .shop h6,
body.light-theme .shop p,
body.light-theme .shop span,
body.light-theme .shop a,
body.light-theme .shop div,
body.light-theme section.section-md,
body.dark-theme .shop h1,
body.dark-theme .shop h2,
body.dark-theme .shop h3,
body.dark-theme .shop h4,
body.dark-theme .shop h5,
body.dark-theme .shop h6,
body.dark-theme .shop p,
body.dark-theme .shop span,
body.dark-theme .shop a,
body.dark-theme .shop div,
body.dark-theme section.section-md {
    color: #ffffff !important;
}

body.light-theme section.section-md p,
body.light-theme section.section-md li,
body.light-theme section.section-md div,
body.dark-theme section.section-md p,
body.dark-theme section.section-md li,
body.dark-theme section.section-md div {
    color: #ffffff !important;
}

body.light-theme section.section-md h1,
body.light-theme section.section-md h2,
body.light-theme section.section-md h3,
body.light-theme section.section-md h4,
body.light-theme section.section-md a,
body.light-theme section.section-md .text-accent,
body.light-theme section.section-md [class*="accent"],
body.dark-theme section.section-md h1,
body.dark-theme section.section-md h2,
body.dark-theme section.section-md h3,
body.dark-theme section.section-md h4,
body.dark-theme section.section-md a,
body.dark-theme section.section-md .text-accent,
body.dark-theme section.section-md [class*="accent"] {
    color: #2fa8ff !important;
}

body.light-theme main h1:not(.shop-name),
body.light-theme main h2,
body.light-theme main h3:not(.d-xl-block),
body.light-theme main h4,
body.light-theme main h5,
body.light-theme main h6,
body.light-theme main p,
body.light-theme main li,
body.light-theme main span,
body.light-theme main div,
body.light-theme main button,
body.light-theme main label,
body.dark-theme main h1:not(.shop-name),
body.dark-theme main h2,
body.dark-theme main h3:not(.d-xl-block),
body.dark-theme main h4,
body.dark-theme main h5,
body.dark-theme main h6,
body.dark-theme main p,
body.dark-theme main li,
body.dark-theme main span,
body.dark-theme main div,
body.dark-theme main button,
body.dark-theme main label {
    color: #ffffff !important;
}

body.light-theme main .text-muted,
body.light-theme main [class*="muted"],
body.light-theme main [class*="description"],
body.dark-theme main .text-muted,
body.dark-theme main [class*="muted"],
body.dark-theme main [class*="description"] {
    color: rgba(255, 255, 255, 0.68) !important;
}

body.light-theme main a,
body.light-theme main .text-accent,
body.light-theme main [class*="accent"],
body.dark-theme main a,
body.dark-theme main .text-accent,
body.dark-theme main [class*="accent"] {
    color: #39c7ff !important;
}

body.light-theme .spirit-shop-categories-wrapper .spirit-shop-category,
body.dark-theme .spirit-shop-categories-wrapper .spirit-shop-category {
    background: #1f1f1f !important;
    background-color: #1f1f1f !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.light-theme .spirit-shop-categories-wrapper .spirit-shop-category.active,
body.light-theme .spirit-shop-categories-wrapper .spirit-shop-category.all-products.active,
body.dark-theme .spirit-shop-categories-wrapper .spirit-shop-category.active,
body.dark-theme .spirit-shop-categories-wrapper .spirit-shop-category.all-products.active {
    background: linear-gradient(135deg, #39c7ff 0%, #1f6fff 100%) !important;
    border-color: rgba(88, 213, 255, 0.45) !important;
    box-shadow: none !important;
}

body.light-theme .spirit-shop-categories-wrapper .spirit-shop-category *,
body.dark-theme .spirit-shop-categories-wrapper .spirit-shop-category * {
    color: #ffffff !important;
}

body.light-theme .spirit-shop-categories-wrapper .spirit-shop-category svg,
body.light-theme .spirit-shop-categories-wrapper .spirit-shop-category svg *,
body.dark-theme .spirit-shop-categories-wrapper .spirit-shop-category svg,
body.dark-theme .spirit-shop-categories-wrapper .spirit-shop-category svg * {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

body.light-theme .spirit-shop-categories-wrapper .spirit-shop-category svg [fill]:not([fill="none"]),
body.dark-theme .spirit-shop-categories-wrapper .spirit-shop-category svg [fill]:not([fill="none"]) {
    fill: #ffffff !important;
}

body.light-theme .shop-product-name,
body.light-theme .shop-product-cost,
body.light-theme .product-card .card-body *,
body.dark-theme .shop-product-name,
body.dark-theme .shop-product-cost,
body.dark-theme .product-card .card-body * {
    color: #ffffff !important;
}

nav.spirit-navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    z-index: 1030 !important;
    background: #252525 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 0 0 20px 20px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2) !important;
    min-height: 76px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

section.section.section-jumbotron {
    margin-top: -36px !important;
    padding-top: 0 !important;
}

section.section.section-jumbotron .container,
section.section.section-jumbotron .container-fluid,
section.section.section-jumbotron .row,
.spirit-shop-jumbotron .container,
.spirit-shop-jumbotron .row {
    background: transparent !important;
    background-color: transparent !important;
}

.spirit-shop-jumbotron.overlay-dark {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

nav.spirit-navbar .navbar-general,
nav.spirit-navbar .container,
nav.spirit-navbar .container-fluid {
    border-radius: 0 0 20px 20px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

nav.spirit-navbar .navbar-general,
nav.spirit-navbar .navbar-general .container,
nav.spirit-navbar .navbar-general .container-fluid,
nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between,
nav.spirit-navbar .navbar-general .d-flex.align-items-center,
nav.spirit-navbar .navbar-general .collapse {
    min-height: 100% !important;
    align-items: center !important;
}

nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between {
    position: relative !important;
}

nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    gap: 8px !important;
}

nav.spirit-navbar ul.spirit-navbar-menu,
nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none,
nav.spirit-navbar li.spirit-navbar-item,
nav.spirit-navbar li.spirit-navbar-item > a,
nav.spirit-navbar li.spirit-navbar-item > a > span {
    display: flex !important;
    align-items: center !important;
}

nav.spirit-navbar li.spirit-navbar-item {
    min-height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none > li + li,
nav.spirit-navbar ul.spirit-navbar-menu > li + li {
    margin-left: 8px !important;
}

nav.spirit-navbar li.spirit-navbar-item > a {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    min-height: 50px !important;
    border-radius: 14px !important;
    border: 1px solid transparent !important;
    background-clip: padding-box !important;
    transition: background 0.6s ease, background-color 0.6s ease, border-color 0.6s ease, box-shadow 0.6s ease, color 0.6s ease !important;
}

nav.spirit-navbar li.spirit-navbar-item > a > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
    min-height: 100% !important;
    transition: color 0.6s ease, text-shadow 0.6s ease, opacity 0.6s ease !important;
}

nav.spirit-navbar li.spirit-navbar-item::after,
nav.spirit-navbar li.spirit-navbar-item > a::after {
    display: none !important;
    content: none !important;
}

nav.spirit-navbar li.spirit-navbar-item:hover > a,
nav.spirit-navbar li.spirit-navbar-item.active > a,
nav.spirit-navbar li.spirit-navbar-item > a:hover,
nav.spirit-navbar li.spirit-navbar-item > a[aria-current="page"] {
    background: linear-gradient(135deg, rgba(104, 228, 255, 0.2) 0%, rgba(57, 199, 255, 0.18) 45%, rgba(45, 140, 255, 0.2) 100%) !important;
    border-color: rgba(110, 225, 255, 0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 18px rgba(76, 196, 255, 0.08) !important;
}

nav.spirit-navbar li.spirit-navbar-item:hover > a > span,
nav.spirit-navbar li.spirit-navbar-item.active > a > span,
nav.spirit-navbar li.spirit-navbar-item > a:hover > span,
nav.spirit-navbar li.spirit-navbar-item > a[aria-current="page"] > span {
    color: #f3fbff !important;
    text-shadow: 0 0 10px rgba(110, 225, 255, 0.2) !important;
}

nav.spirit-navbar button.btn-transparent.icon-only,
nav.spirit-navbar button[onclick*="switchTheme"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    border-radius: 14px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    background-clip: padding-box !important;
    color: rgba(255, 255, 255, 0.82) !important;
    transition: background 0.6s ease, background-color 0.6s ease, border-color 0.6s ease, box-shadow 0.6s ease, color 0.6s ease !important;
}

nav.spirit-navbar button.btn-transparent.icon-only,
nav.spirit-navbar button[onclick*="switchTheme"] {
    width: 50px !important;
    padding: 0 !important;
}

nav.spirit-navbar button.btn-transparent.icon-only:hover,
nav.spirit-navbar button[onclick*="switchTheme"]:hover {
    background: linear-gradient(135deg, rgba(104, 228, 255, 0.2) 0%, rgba(57, 199, 255, 0.18) 45%, rgba(45, 140, 255, 0.2) 100%) !important;
    border-color: rgba(110, 225, 255, 0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 18px rgba(76, 196, 255, 0.08) !important;
    color: #ffffff !important;
}

nav.spirit-navbar button.btn-transparent.icon-only svg,
nav.spirit-navbar button.btn-transparent.icon-only svg *,
nav.spirit-navbar button[onclick*="switchTheme"] svg,
nav.spirit-navbar button[onclick*="switchTheme"] svg * {
    color: currentColor !important;
    stroke: currentColor !important;
}

.product-group-products-wrapper {
    display: none !important;
}

h3.d-xl-block.d-none.mb-36 {
    position: relative !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    font-weight: 800 !important;
    margin-bottom: 26px !important;
    min-height: 42px !important;
    user-select: none !important;
    opacity: 0;
    transform: translateY(6px);
    animation: ff-shop-title-reveal 0.42s ease-out 0.08s forwards !important;
    will-change: opacity, transform;
}

h3.d-xl-block.d-none.mb-36::before {
    content: "Покупка доната";
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

h3.d-xl-block.d-none.mb-36::after {
    content: "Здесь вы можете приобрести платные услуги на нашем сервере";
    position: absolute;
    top: 30px;
    left: 0;
    color: rgba(255, 255, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    white-space: nowrap;
    user-select: none !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

.product-card .card-footer .btn.btn-outline-accent.rounded-pill.btn-lg.w-100 > svg,
.product-card .card-footer .btn.btn-outline-accent.rounded-pill.btn-lg.w-100 .icon,
.product-card .card-footer .btn.btn-outline-accent.rounded-pill.btn-lg.w-100 i {
    display: none !important;
}

.product-card .card-footer .btn.btn-outline-accent.rounded-pill.btn-lg.w-100::before,
.product-card .card-footer .btn.btn-outline-accent.rounded-pill.btn-lg.w-100::after {
    content: none !important;
    display: none !important;
}

.product-card .card-footer .btn.btn-outline-accent.rounded-pill.btn-lg.w-100 > span {
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;
    letter-spacing: 0 !important;
}

.product-card .card-footer .btn.btn-outline-accent.rounded-pill.btn-lg.w-100 > span::before {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2m10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2M7.17 14h9.95c.75 0 1.41-.41 1.75-1.03L22.58 6c.37-.67-.11-1.5-.87-1.5H6.21L5.27 2H2v2h2l3.6 7.59-1.35 2.45C5.52 14.37 6 15 6.71 15H20v-2H7.17z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2m10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2M7.17 14h9.95c.75 0 1.41-.41 1.75-1.03L22.58 6c.37-.67-.11-1.5-.87-1.5H6.21L5.27 2H2v2h2l3.6 7.59-1.35 2.45C5.52 14.37 6 15 6.71 15H20v-2H7.17z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.product-card .card-footer .btn.btn-outline-accent.rounded-pill.btn-lg.w-100 > span::after {
    content: "Купить";
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

h3.spirit-shop-name {
    position: relative !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-shadow: none !important;
    user-select: none !important;
}

h3.spirit-shop-name::after {
    content: "FakeFun.ru";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 31px !important;
    line-height: 1 !important;
    white-space: nowrap;
    text-shadow: none !important;
    user-select: none !important;
}

@keyframes ff-fade-up {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ff-shop-title-reveal {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

h1.shop-name.text-center,
p.shop-description.mb-0.text-center {
    opacity: 0;
    animation: ff-fade-up 0.5s ease-out forwards !important;
    will-change: opacity, transform;
}

h1.shop-name.text-center {
    animation-delay: 0.1s !important;
}

p.shop-description.mb-0.text-center {
    animation-delay: 0.28s !important;
}

a.btn.btn-xl.btn-accent.rounded-pill,
.spirit-shop-jumbotron-footer a.btn.btn-xl.btn-accent.rounded-pill {
    opacity: 0;
    animation: ff-fade-up 0.5s ease-out forwards !important;
    animation-delay: 0.06s !important;
    will-change: opacity, transform;
}

.badge.badge-accent {
    color: #ffffff !important;
    background: linear-gradient(135deg, #1f6fff 0%, #39c7ff 100%) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(31, 111, 255, 0.22) !important;
    padding: 4px 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    gap: 5px !important;
    min-height: 32px !important;
}

.badge.badge-accent-blured {
    color: #ffffff !important;
    background: rgba(49, 134, 255, 0.42) !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 999px !important;
    padding: 4px 11px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 17px !important;
    min-height: 32px !important;
}

a.btn.btn-xl.btn-accent.rounded-pill,
.spirit-shop-jumbotron-footer a.btn.btn-xl.btn-accent.rounded-pill {
    color: #ffffff !important;
    background: linear-gradient(135deg, #39c7ff 0%, #1f6fff 100%) !important;
    background-image: linear-gradient(135deg, #39c7ff 0%, #1f6fff 100%) !important;
    background-clip: padding-box !important;
    border-color: transparent !important;
    box-shadow: 0 14px 30px rgba(31, 111, 255, 0.24) !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

a.btn.btn-xl.btn-accent.rounded-pill::before,
a.btn.btn-xl.btn-accent.rounded-pill::after,
.spirit-shop-jumbotron-footer a.btn.btn-xl.btn-accent.rounded-pill::before,
.spirit-shop-jumbotron-footer a.btn.btn-xl.btn-accent.rounded-pill::after {
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

section.section.section-md .card-body > h2.font-weight-700.font-family-unbounded.mb-48 {
    display: none !important;
}

a.btn-back-slim,
a.btn-back-slim *,
.btn-back-slim,
.btn-back-slim *,
section.section-md a.btn-back-slim,
section.section-md a.btn-back-slim * {
    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: #ffffff !important;
}

body.light-theme section.section-md a.btn-back-slim,
body.light-theme section.section-md a.btn-back-slim *,
body.dark-theme section.section-md a.btn-back-slim,
body.dark-theme section.section-md a.btn-back-slim *,
body.light-theme main a.btn-back-slim,
body.light-theme main a.btn-back-slim *,
body.dark-theme main a.btn-back-slim,
body.dark-theme main a.btn-back-slim * {
    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: #ffffff !important;
}

.shop .placeholder,
.shop .placeholder-glow,
.shop .skeleton,
.shop [class*="skeleton"],
.shop [class*="placeholder"],
.shop [class*="loader"],
.shop [class*="loading"],
.shop .product-card:empty,
.shop .card.product-card:empty,
.shop .spirit-shop-category:empty,
.shop-products .filter-items > div:empty,
.shop-products .filter-items > div[class*="col-"]:empty {
    background: #1f1f1f !important;
    background-color: #1f1f1f !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}

.shop .placeholder::before,
.shop .placeholder::after,
.shop .skeleton::before,
.shop .skeleton::after,
.shop [class*="skeleton"]::before,
.shop [class*="skeleton"]::after,
.shop [class*="placeholder"]::before,
.shop [class*="placeholder"]::after {
    background: #252525 !important;
    background-color: #252525 !important;
}

nav.spirit-navbar {
    overflow: visible !important;
}

nav.spirit-navbar .navbar-general,
nav.spirit-navbar .container,
nav.spirit-navbar .container-fluid {
    overflow: visible !important;
}

@keyframes ff-page-soft-reveal {
    0% {
        opacity: 0;
        transform: translateY(8px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ff-page-soft-reveal-flat {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

nav.spirit-navbar,
section.section-shop .spirit-shop-categories-wrapper,
section.section-shop .shop-products,
section.section-md > .container,
main > section:not(.section-jumbotron):not(.section-shop) .card {
    opacity: 0;
    animation: ff-page-soft-reveal 0.38s ease-out forwards !important;
    will-change: opacity, transform;
}

nav.spirit-navbar {
    animation-name: ff-page-soft-reveal-flat !important;
    animation-duration: 0.28s !important;
}

section.section-shop .spirit-shop-categories-wrapper {
    animation-delay: 0.03s !important;
}

section.section-shop .shop-products {
    animation-delay: 0.04s !important;
}

section.section-md > .container,
main > section:not(.section-jumbotron):not(.section-shop) .card {
    animation-delay: 0.03s !important;
}

section.section-shop .spirit-shop-category,
section.section-shop .product-card {
    opacity: 0;
    animation: ff-page-soft-reveal 0.38s ease-out forwards !important;
    will-change: opacity, transform;
}

section.section-shop .spirit-shop-category:nth-child(1),
section.section-shop .product-card:nth-child(1) {
    animation-delay: 0.04s !important;
}

section.section-shop .spirit-shop-category:nth-child(2),
section.section-shop .product-card:nth-child(2) {
    animation-delay: 0.05s !important;
}

section.section-shop .spirit-shop-category:nth-child(3),
section.section-shop .product-card:nth-child(3) {
    animation-delay: 0.06s !important;
}

section.section-shop .spirit-shop-category:nth-child(4),
section.section-shop .product-card:nth-child(4) {
    animation-delay: 0.07s !important;
}

section.section-shop .spirit-shop-category:nth-child(5),
section.section-shop .product-card:nth-child(5) {
    animation-delay: 0.08s !important;
}

section.section-shop .product-card:nth-child(n+6) {
    animation-delay: 0.09s !important;
}

section.section.section-jumbotron,
.spirit-shop-jumbotron,
.spirit-shop-jumbotron .container,
.spirit-shop-jumbotron .container-fluid,
.spirit-shop-jumbotron .row {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
    nav.spirit-navbar,
    section.section.section-jumbotron,
    section.section-shop .spirit-shop-categories-wrapper,
    section.section-shop .shop-products,
    section.section-shop .spirit-shop-category,
    section.section-shop .product-card,
    section.section-md > .container,
    main > section:not(.section-jumbotron):not(.section-shop) .card,
    h1.shop-name.text-center,
    p.shop-description.mb-0.text-center,
    a.btn.btn-xl.btn-accent.rounded-pill,
    .spirit-shop-jumbotron-footer a.btn.btn-xl.btn-accent.rounded-pill {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
    }
}

body.light-theme #spirit-single-product,
body.light-theme #spirit-single-product *,
body.dark-theme #spirit-single-product,
body.dark-theme #spirit-single-product * {
    color: #ffffff !important;
}

body.light-theme #spirit-single-product .color-default,
body.light-theme #spirit-single-product .opacity-3,
body.light-theme #spirit-single-product [class*="color-default"],
body.light-theme #spirit-single-product [class*="opacity"],
body.dark-theme #spirit-single-product .color-default,
body.dark-theme #spirit-single-product .opacity-3,
body.dark-theme #spirit-single-product [class*="color-default"],
body.dark-theme #spirit-single-product [class*="opacity"] {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.light-theme #spirit-single-product h1,
body.light-theme #spirit-single-product h2,
body.light-theme #spirit-single-product h3,
body.light-theme #spirit-single-product .font-weight-800,
body.light-theme #spirit-single-product .font-weight-700,
body.dark-theme #spirit-single-product h1,
body.dark-theme #spirit-single-product h2,
body.dark-theme #spirit-single-product h3,
body.dark-theme #spirit-single-product .font-weight-800,
body.dark-theme #spirit-single-product .font-weight-700 {
    color: #ffffff !important;
}

body.light-theme #spirit-single-product svg,
body.light-theme #spirit-single-product svg *,
body.dark-theme #spirit-single-product svg,
body.dark-theme #spirit-single-product svg * {
    stroke: currentColor !important;
}

body.light-theme #spirit-single-product .btn.btn-accent,
body.light-theme #spirit-single-product button.btn-accent,
body.light-theme #spirit-single-product a.btn-accent,
body.dark-theme #spirit-single-product .btn.btn-accent,
body.dark-theme #spirit-single-product button.btn-accent,
body.dark-theme #spirit-single-product a.btn-accent {
    color: #ffffff !important;
    background: linear-gradient(135deg, #39c7ff 0%, #1f6fff 100%) !important;
    background-image: linear-gradient(135deg, #39c7ff 0%, #1f6fff 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 14px 30px rgba(31, 111, 255, 0.24) !important;
}

body.light-theme #spirit-single-product .btn.btn-accent *,
body.light-theme #spirit-single-product button.btn-accent *,
body.light-theme #spirit-single-product a.btn-accent *,
body.dark-theme #spirit-single-product .btn.btn-accent *,
body.dark-theme #spirit-single-product button.btn-accent *,
body.dark-theme #spirit-single-product a.btn-accent * {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

body.light-theme .product-card:hover .shop-product-name,
body.light-theme .product-card:hover .shop-product-cost,
body.light-theme .product-card:hover .card-body .shop-product-name,
body.light-theme .product-card:hover .card-body .shop-product-cost,
body.dark-theme .product-card:hover .shop-product-name,
body.dark-theme .product-card:hover .shop-product-cost,
body.dark-theme .product-card:hover .card-body .shop-product-name,
body.dark-theme .product-card:hover .card-body .shop-product-cost,
.product-card:hover .shop-product-name,
.product-card:hover .shop-product-cost {
    color: #229ee8 !important;
    -webkit-text-fill-color: #229ee8 !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    transition: color 0.18s ease !important;
}

h3.d-xl-block.d-none.mb-36 {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    filter: none !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

h3.d-xl-block.d-none.mb-36::before,
h3.d-xl-block.d-none.mb-36::after {
    opacity: 0;
    transform: translateY(5px) !important;
    filter: none !important;
    animation: ff-shop-title-clean-reveal 0.32s ease-out forwards !important;
    will-change: opacity, transform;
}

h3.d-xl-block.d-none.mb-36::before {
    animation-delay: 0.02s !important;
}

h3.d-xl-block.d-none.mb-36::after {
    animation-delay: 0.06s !important;
}

@keyframes ff-shop-title-clean-reveal {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html body.light-theme main section.section-md #spirit-single-product.spirit-product,
html body.light-theme main section.section-md #spirit-single-product.spirit-product *,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body.light-theme main section.section-md #spirit-single-product.spirit-product .opacity-3,
html body.light-theme main section.section-md #spirit-single-product.spirit-product .color-default.opacity-3,
html body.light-theme main section.section-md #spirit-single-product.spirit-product [class*="opacity"],
html body.light-theme main section.section-md #spirit-single-product.spirit-product .default,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product .opacity-3,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product .color-default.opacity-3,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product [class*="opacity"],
html body.dark-theme main section.section-md #spirit-single-product.spirit-product .default {
    color: rgba(255, 255, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html body.light-theme main section.section-md #spirit-single-product.spirit-product h1,
html body.light-theme main section.section-md #spirit-single-product.spirit-product h2,
html body.light-theme main section.section-md #spirit-single-product.spirit-product h3,
html body.light-theme main section.section-md #spirit-single-product.spirit-product .font-weight-800,
html body.light-theme main section.section-md #spirit-single-product.spirit-product .font-weight-700,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product h1,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product h2,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product h3,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product .font-weight-800,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product .font-weight-700 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body.light-theme main section.section-md #spirit-single-product.spirit-product button.btn.btn-accent.rounded-pill,
html body.light-theme main section.section-md #spirit-single-product.spirit-product .btn.btn-accent.rounded-pill,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product button.btn.btn-accent.rounded-pill,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product .btn.btn-accent.rounded-pill {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(135deg, #39c7ff 0%, #1f6fff 100%) !important;
    background-image: linear-gradient(135deg, #39c7ff 0%, #1f6fff 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 14px 30px rgba(31, 111, 255, 0.24) !important;
}

html body.light-theme main section.section-md #spirit-single-product.spirit-product button.btn.btn-accent.rounded-pill *,
html body.light-theme main section.section-md #spirit-single-product.spirit-product .btn.btn-accent.rounded-pill *,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product button.btn.btn-accent.rounded-pill *,
html body.dark-theme main section.section-md #spirit-single-product.spirit-product .btn.btn-accent.rounded-pill * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    stroke: #ffffff !important;
}

html body.light-theme nav.spirit-navbar button.btn-transparent.icon-only svg,
html body.light-theme nav.spirit-navbar button.btn-transparent.icon-only svg *,
html body.dark-theme nav.spirit-navbar button.btn-transparent.icon-only svg,
html body.dark-theme nav.spirit-navbar button.btn-transparent.icon-only svg * {
    color: currentColor !important;
    stroke: currentColor !important;
}

body.light-theme .product-card:hover .shop-product-name,
body.light-theme .product-card:hover .shop-product-cost,
body.light-theme .product-card:hover .card-body .shop-product-name,
body.light-theme .product-card:hover .card-body .shop-product-cost,
body.dark-theme .product-card:hover .shop-product-name,
body.dark-theme .product-card:hover .shop-product-cost,
body.dark-theme .product-card:hover .card-body .shop-product-name,
body.dark-theme .product-card:hover .card-body .shop-product-cost,
.product-card:hover .shop-product-name,
.product-card:hover .shop-product-cost {
    color: #168bd6 !important;
    -webkit-text-fill-color: #168bd6 !important;
    background: none !important;
    background-image: none !important;
    text-shadow: none !important;
}

section.section-shop h3.d-xl-block.d-none.mb-36 {
    display: block !important;
    position: relative !important;
    overflow: visible !important;
    min-height: 43px !important;
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0) !important;
    text-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
}

section.section-shop h3.d-xl-block.d-none.mb-36::before,
section.section-shop h3.d-xl-block.d-none.mb-36::after {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    transform: none !important;
    filter: none !important;
    text-shadow: none !important;
    user-select: none !important;
    backface-visibility: hidden !important;
    opacity: 0;
    animation: ff-page-soft-reveal 0.38s ease-out 0.04s forwards !important;
    will-change: opacity, transform !important;
}

section.section-shop h3.d-xl-block.d-none.mb-36::before {
    content: "Покупка доната" !important;
    top: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    animation-delay: 0.04s !important;
}

section.section-shop h3.d-xl-block.d-none.mb-36::after {
    content: "Здесь вы можете приобрести платные услуги на нашем сервере" !important;
    top: 30px !important;
    color: rgba(255, 255, 255, 0.74) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.74) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    animation-delay: 0.04s !important;
}

@keyframes ff-shop-title-opacity-only {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

body.light-theme section.section-md .card:not(.product-card),
body.dark-theme section.section-md .card:not(.product-card),
section.section-md .card:not(.product-card) {
    position: relative !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #1f1f1f !important;
    background-color: #1f1f1f !important;
    box-shadow: none !important;
}

body.light-theme section.section-md .card:not(.product-card)::before,
body.dark-theme section.section-md .card:not(.product-card)::before,
section.section-md .card:not(.product-card)::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: inherit !important;
    z-index: 2 !important;
}

body.light-theme section.section-md .card:not(.product-card) .card-body,
body.dark-theme section.section-md .card:not(.product-card) .card-body,
section.section-md .card:not(.product-card) .card-body {
    position: relative !important;
    z-index: 1 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

@keyframes ff-page-soft-reveal {
    0% {
        opacity: 0;
        transform: none;
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

section.section-shop .spirit-shop-categories-wrapper,
section.section-shop .shop-products,
section.section-md > .container {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    will-change: auto !important;
}

section.section-shop .spirit-shop-category,
section.section-shop .product-card,
main > section:not(.section-jumbotron):not(.section-shop) .card {
    animation-name: ff-page-soft-reveal !important;
    animation-duration: 0.38s !important;
    animation-timing-function: ease-out !important;
    animation-fill-mode: both !important;
    transform: none !important;
    backface-visibility: hidden !important;
}

section.section-shop h3.d-xl-block.d-none.mb-36::before,
section.section-shop h3.d-xl-block.d-none.mb-36::after {
    animation-name: ff-page-soft-reveal !important;
    animation-duration: 0.38s !important;
    animation-timing-function: ease-out !important;
    animation-fill-mode: both !important;
    transform: none !important;
}

body.light-theme .product-card .shop-product-payload,
body.dark-theme .product-card .shop-product-payload,
.product-card .shop-product-payload {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

body.light-theme .product-card .shop-product-payload > *,
body.dark-theme .product-card .shop-product-payload > *,
.product-card .shop-product-payload > * {
    background-color: transparent !important;
    box-shadow: none !important;
}

body.light-theme .product-card .shop-product-payload .badge,
body.light-theme .product-card .shop-product-payload .badge-accent,
body.light-theme .product-card .shop-product-payload .badge-accent-blured,
body.dark-theme .product-card .shop-product-payload .badge,
body.dark-theme .product-card .shop-product-payload .badge-accent,
body.dark-theme .product-card .shop-product-payload .badge-accent-blured,
.product-card .shop-product-payload .badge,
.product-card .shop-product-payload .badge-accent,
.product-card .shop-product-payload .badge-accent-blured {
    background-color: initial !important;
}

@keyframes ff-below-banner-reveal {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

section.section-shop h3.d-xl-block.d-none.mb-36::before,
section.section-shop h3.d-xl-block.d-none.mb-36::after,
section.section-shop .spirit-shop-category,
section.section-shop .product-card,
main > section:not(.section-jumbotron):not(.section-shop) > .container > :not(script):not(style),
main > section:not(.section-jumbotron):not(.section-shop) .spirit-product > .row > [class*="col-"],
main > section:not(.section-jumbotron):not(.section-shop) .card {
    animation-name: ff-below-banner-reveal !important;
    animation-duration: 0.56s !important;
    animation-timing-function: ease-out !important;
    animation-fill-mode: both !important;
    transform: none !important;
    filter: none !important;
    backface-visibility: hidden !important;
}

section.section-shop h3.d-xl-block.d-none.mb-36::before,
section.section-shop h3.d-xl-block.d-none.mb-36::after {
    animation-delay: 0.04s !important;
}

main > section:not(.section-jumbotron):not(.section-shop) > .container > :not(script):not(style):nth-child(1) {
    animation-delay: 0.04s !important;
}

main > section:not(.section-jumbotron):not(.section-shop) > .container > :not(script):not(style):nth-child(2),
main > section:not(.section-jumbotron):not(.section-shop) .spirit-product > .row > [class*="col-"]:nth-child(1) {
    animation-delay: 0.08s !important;
}

main > section:not(.section-jumbotron):not(.section-shop) > .container > :not(script):not(style):nth-child(3),
main > section:not(.section-jumbotron):not(.section-shop) .spirit-product > .row > [class*="col-"]:nth-child(2) {
    animation-delay: 0.12s !important;
}

main > section:not(.section-jumbotron):not(.section-shop) > .container > :not(script):not(style):nth-child(n+4),
main > section:not(.section-jumbotron):not(.section-shop) .spirit-product > .row > [class*="col-"]:nth-child(n+3) {
    animation-delay: 0.16s !important;
}

section.section-shop .spirit-shop-category:nth-child(1),
section.section-shop .product-card:nth-child(1) {
    animation-delay: 0.06s !important;
}

section.section-shop .spirit-shop-category:nth-child(2),
section.section-shop .product-card:nth-child(2) {
    animation-delay: 0.09s !important;
}

section.section-shop .spirit-shop-category:nth-child(3),
section.section-shop .product-card:nth-child(3) {
    animation-delay: 0.12s !important;
}

section.section-shop .spirit-shop-category:nth-child(4),
section.section-shop .product-card:nth-child(4) {
    animation-delay: 0.15s !important;
}

section.section-shop .spirit-shop-category:nth-child(n+5),
section.section-shop .product-card:nth-child(n+5) {
    animation-delay: 0.18s !important;
}

@media (prefers-reduced-motion: reduce) {
    section.section-shop h3.d-xl-block.d-none.mb-36::before,
    section.section-shop h3.d-xl-block.d-none.mb-36::after,
    section.section-shop .spirit-shop-category,
    section.section-shop .product-card,
    main > section:not(.section-jumbotron):not(.section-shop) > .container > :not(script):not(style),
    main > section:not(.section-jumbotron):not(.section-shop) .spirit-product > .row > [class*="col-"],
    main > section:not(.section-jumbotron):not(.section-shop) .card {
        opacity: 1 !important;
        animation: none !important;
    }
}

@keyframes ff-visible-content-reveal {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

main > section:not(.section-jumbotron) .btn-back-slim,
main > section:not(.section-jumbotron):not(.section-shop) h1,
main > section:not(.section-jumbotron):not(.section-shop) h2,
main > section:not(.section-jumbotron):not(.section-shop) h3,
main > section:not(.section-jumbotron):not(.section-shop) h4,
main > section:not(.section-jumbotron):not(.section-shop) p,
main > section:not(.section-jumbotron):not(.section-shop) li,
main > section:not(.section-jumbotron):not(.section-shop) hr,
main > section:not(.section-jumbotron):not(.section-shop) .card-body > *,
main > section:not(.section-jumbotron):not(.section-shop) .spirit-product .row > [class*="col-"] > *,
section.section-shop h3.d-xl-block.d-none.mb-36::before,
section.section-shop h3.d-xl-block.d-none.mb-36::after,
section.section-shop .spirit-shop-category > *,
section.section-shop .product-card .product-preview-image-wrapper,
section.section-shop .product-card .shop-product-payload,
section.section-shop .product-card .card-body,
section.section-shop .product-card .card-footer {
    animation-name: ff-visible-content-reveal !important;
    animation-duration: 0.52s !important;
    animation-timing-function: ease-out !important;
    animation-fill-mode: both !important;
    transform: none !important;
    filter: none !important;
    backface-visibility: hidden !important;
}

main > section:not(.section-jumbotron) .btn-back-slim,
section.section-shop h3.d-xl-block.d-none.mb-36::before,
section.section-shop h3.d-xl-block.d-none.mb-36::after {
    animation-delay: 0.03s !important;
}

main > section:not(.section-jumbotron):not(.section-shop) .spirit-product .row > [class*="col-"]:nth-child(1) > *,
section.section-shop .product-card:nth-child(1) .product-preview-image-wrapper,
section.section-shop .product-card:nth-child(1) .shop-product-payload,
section.section-shop .product-card:nth-child(1) .card-body,
section.section-shop .product-card:nth-child(1) .card-footer,
section.section-shop .spirit-shop-category:nth-child(1) > * {
    animation-delay: 0.05s !important;
}

main > section:not(.section-jumbotron):not(.section-shop) .spirit-product .row > [class*="col-"]:nth-child(2) > *,
section.section-shop .product-card:nth-child(2) .product-preview-image-wrapper,
section.section-shop .product-card:nth-child(2) .shop-product-payload,
section.section-shop .product-card:nth-child(2) .card-body,
section.section-shop .product-card:nth-child(2) .card-footer,
section.section-shop .spirit-shop-category:nth-child(2) > * {
    animation-delay: 0.08s !important;
}

main > section:not(.section-jumbotron):not(.section-shop) .spirit-product .row > [class*="col-"]:nth-child(n+3) > *,
section.section-shop .product-card:nth-child(n+3) .product-preview-image-wrapper,
section.section-shop .product-card:nth-child(n+3) .shop-product-payload,
section.section-shop .product-card:nth-child(n+3) .card-body,
section.section-shop .product-card:nth-child(n+3) .card-footer,
section.section-shop .spirit-shop-category:nth-child(n+3) > * {
    animation-delay: 0.11s !important;
}

@media (prefers-reduced-motion: reduce) {
    main > section:not(.section-jumbotron) .btn-back-slim,
    main > section:not(.section-jumbotron):not(.section-shop) h1,
    main > section:not(.section-jumbotron):not(.section-shop) h2,
    main > section:not(.section-jumbotron):not(.section-shop) h3,
    main > section:not(.section-jumbotron):not(.section-shop) h4,
    main > section:not(.section-jumbotron):not(.section-shop) p,
    main > section:not(.section-jumbotron):not(.section-shop) li,
    main > section:not(.section-jumbotron):not(.section-shop) hr,
    main > section:not(.section-jumbotron):not(.section-shop) .card-body > *,
    main > section:not(.section-jumbotron):not(.section-shop) .spirit-product .row > [class*="col-"] > *,
    section.section-shop h3.d-xl-block.d-none.mb-36::before,
    section.section-shop h3.d-xl-block.d-none.mb-36::after,
    section.section-shop .spirit-shop-category > *,
    section.section-shop .product-card .product-preview-image-wrapper,
    section.section-shop .product-card .shop-product-payload,
    section.section-shop .product-card .card-body,
    section.section-shop .product-card .card-footer {
        opacity: 1 !important;
        animation: none !important;
    }
}

section.section-shop .product-card .card-footer {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: none !important;
    transition:
        opacity 0.28s ease,
        visibility 0s linear 0.28s !important;
    pointer-events: none !important;
}

section.section-shop .product-card:hover .card-footer,
section.section-shop .product-card:focus-within .card-footer {
    opacity: 1 !important;
    visibility: visible !important;
    transition:
        opacity 0.28s ease,
        visibility 0s linear 0s !important;
    pointer-events: auto !important;
}

@media (hover: none) {
    section.section-shop .product-card .card-footer {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

@media (max-width: 991.98px) {
    nav.spirit-navbar {
        height: 84px !important;
        min-height: 84px !important;
        max-height: 84px !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        height: 84px !important;
        min-height: 84px !important;
        max-height: 84px !important;
        padding: 0 16px !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between {
        height: 84px !important;
        min-height: 84px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        overflow: hidden !important;
    }

    nav.spirit-navbar ul.spirit-navbar-menu,
    nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none,
    nav.spirit-navbar .spirit-navbar-menu,
    nav.spirit-navbar .navbar-collapse,
    nav.spirit-navbar .collapse {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:not(:first-child),
    nav.spirit-navbar button.btn-transparent.icon-only,
    nav.spirit-navbar button[onclick*="switchTheme"],
    nav.spirit-navbar a.cart-badge {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 9px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > span,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > p,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > div:not(:has(img)):not(:has(svg)) {
        display: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a::after {
        content: "FakeFun.ru" !important;
        display: inline-block !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 24px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        text-shadow: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child img,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child svg {
        flex: 0 0 auto !important;
        width: 24px !important;
        height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        object-fit: contain !important;
    }
}

@media (max-width: 991.98px) {
    nav.spirit-navbar {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        padding: 0 10px !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between {
        position: relative !important;
        height: 58px !important;
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 6px !important;
        overflow: visible !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 28% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
        z-index: 2 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a::after {
        content: "FakeFun.ru" !important;
        display: inline-block !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: clamp(14px, 3.5vw, 18px) !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        text-shadow: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child img,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child svg {
        flex: 0 0 auto !important;
        width: 18px !important;
        height: 18px !important;
        max-width: 18px !important;
        max-height: 18px !important;
        object-fit: contain !important;
    }

    nav.spirit-navbar ul.spirit-navbar-menu,
    nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none,
    nav.spirit-navbar .spirit-navbar-menu {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 36px !important;
        min-width: 0 !important;
        max-width: 48% !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 3px !important;
        overflow: hidden !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    nav.spirit-navbar li.spirit-navbar-item {
        display: flex !important;
        align-items: center !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        height: 36px !important;
        margin: 0 !important;
    }

    nav.spirit-navbar li.spirit-navbar-item > a {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 7px !important;
        border-radius: 10px !important;
        font-size: 0 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        max-width: 118px !important;
    }

    nav.spirit-navbar li.spirit-navbar-item > a > span {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: clamp(9px, 2.25vw, 12px) !important;
        line-height: 1 !important;
        font-weight: 700 !important;
    }

    nav.spirit-navbar .navbar-collapse,
    nav.spirit-navbar .collapse {
        display: contents !important;
        visibility: visible !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: auto !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:not(:first-child) {
        display: flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: 27% !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        gap: 4px !important;
        z-index: 2 !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only,
    nav.spirit-navbar button[onclick*="switchTheme"],
    nav.spirit-navbar a.cart-badge {
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 10px !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only svg,
    nav.spirit-navbar button[onclick*="switchTheme"] svg,
    nav.spirit-navbar a.cart-badge svg {
        width: 18px !important;
        height: 18px !important;
    }

    nav.spirit-navbar .cart-count {
        min-width: 16px !important;
        height: 16px !important;
        font-size: 10px !important;
        line-height: 16px !important;
    }

    nav.spirit-navbar .cart-cost {
        display: inline-block !important;
        font-size: clamp(10px, 2.5vw, 13px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 430px) {
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child {
        max-width: 30% !important;
    }

    nav.spirit-navbar ul.spirit-navbar-menu,
    nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none,
    nav.spirit-navbar .spirit-navbar-menu {
        max-width: 43% !important;
        gap: 2px !important;
    }

    nav.spirit-navbar li.spirit-navbar-item > a {
        padding: 0 5px !important;
        max-width: 82px !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:not(:first-child) {
        max-width: 25% !important;
        gap: 2px !important;
    }

    nav.spirit-navbar .cart-cost {
        display: none !important;
    }
}

/* Final mobile navbar cleanup + consistent text-page colors */
@media (max-width: 991.98px) {
    nav.spirit-navbar,
    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background-clip: padding-box !important;
    }

    nav.spirit-navbar::before,
    nav.spirit-navbar::after,
    nav.spirit-navbar .navbar-general::before,
    nav.spirit-navbar .navbar-general::after,
    nav.spirit-navbar .navbar-general .container::before,
    nav.spirit-navbar .navbar-general .container::after,
    nav.spirit-navbar .navbar-general .container-fluid::before,
    nav.spirit-navbar .navbar-general .container-fluid::after {
        content: none !important;
        display: none !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}

:root {
    --ff-text-white: #ffffff;
    --ff-text-blue: #2fa8ff;
    --ff-text-link-red: #ff5f5f;
}

body.light-theme main section.section-md,
body.dark-theme main section.section-md {
    color: var(--ff-text-white) !important;
}

body.light-theme main section.section-md p,
body.light-theme main section.section-md li,
body.light-theme main section.section-md div,
body.light-theme main section.section-md span,
body.light-theme main section.section-md strong,
body.dark-theme main section.section-md p,
body.dark-theme main section.section-md li,
body.dark-theme main section.section-md div,
body.dark-theme main section.section-md span,
body.dark-theme main section.section-md strong {
    color: var(--ff-text-white) !important;
    -webkit-text-fill-color: var(--ff-text-white) !important;
}

body.light-theme main section.section-md h1,
body.light-theme main section.section-md h2,
body.light-theme main section.section-md h3,
body.light-theme main section.section-md h4,
body.light-theme main section.section-md .text-accent,
body.light-theme main section.section-md [class*="accent"],
body.dark-theme main section.section-md h1,
body.dark-theme main section.section-md h2,
body.dark-theme main section.section-md h3,
body.dark-theme main section.section-md h4,
body.dark-theme main section.section-md .text-accent,
body.dark-theme main section.section-md [class*="accent"] {
    color: var(--ff-text-blue) !important;
    -webkit-text-fill-color: var(--ff-text-blue) !important;
}

body.light-theme main section.section-md a:not(.btn):not(.btn-back-slim),
body.dark-theme main section.section-md a:not(.btn):not(.btn-back-slim) {
    color: var(--ff-text-link-red) !important;
    -webkit-text-fill-color: var(--ff-text-link-red) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--ff-text-link-red) !important;
    text-underline-offset: 2px !important;
}

body.light-theme main section.section-md a:not(.btn):not(.btn-back-slim):hover,
body.dark-theme main section.section-md a:not(.btn):not(.btn-back-slim):hover,
body.light-theme main section.section-md a:not(.btn):not(.btn-back-slim):focus,
body.dark-theme main section.section-md a:not(.btn):not(.btn-back-slim):focus {
    color: #ff7676 !important;
    -webkit-text-fill-color: #ff7676 !important;
    text-decoration-color: #ff7676 !important;
}

body.light-theme main section.section-md a.btn-back-slim,
body.light-theme main section.section-md a.btn-back-slim *,
body.dark-theme main section.section-md a.btn-back-slim,
body.dark-theme main section.section-md a.btn-back-slim * {
    color: var(--ff-text-white) !important;
    -webkit-text-fill-color: var(--ff-text-white) !important;
    text-decoration: none !important;
}

@media (max-width: 991.98px) {
    nav.spirit-navbar {
        position: relative !important;
        overflow: visible !important;
        border-radius: 0 0 22px 22px !important;
    }

    nav.spirit-navbar::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: 1px !important;
        background: rgba(255, 255, 255, 0.08) !important;
        border-radius: 0 0 22px 22px !important;
        pointer-events: none !important;
        z-index: 6 !important;
    }

    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        border-radius: 0 0 22px 22px !important;
        overflow: visible !important;
    }

    nav.spirit-navbar button[onclick*="switchTheme"],
    nav.spirit-navbar button[onclick*="switchTheme"]:hover,
    nav.spirit-navbar button[onclick*="switchTheme"]:focus,
    nav.spirit-navbar button[onclick*="switchTheme"]:focus-visible,
    nav.spirit-navbar button[onclick*="switchTheme"]:active {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    nav.spirit-navbar button[onclick*="switchTheme"]::before,
    nav.spirit-navbar button[onclick*="switchTheme"]::after,
    nav.spirit-navbar button[onclick*="switchTheme"]:focus::before,
    nav.spirit-navbar button[onclick*="switchTheme"]:focus::after,
    nav.spirit-navbar button[onclick*="switchTheme"]:active::before,
    nav.spirit-navbar button[onclick*="switchTheme"]:active::after {
        content: none !important;
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    nav.spirit-navbar,
    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        border-radius: 0 0 24px 24px !important;
        overflow: hidden !important;
    }

    nav.spirit-navbar::after {
        left: 10px !important;
        right: 10px !important;
        bottom: 0 !important;
        height: 1px !important;
        border-radius: 0 0 24px 24px !important;
        background: rgba(255, 255, 255, 0.08) !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only,
    nav.spirit-navbar button[onclick*="switchTheme"],
    nav.spirit-navbar a.cart-badge,
    nav.spirit-navbar button.btn-transparent.icon-only:hover,
    nav.spirit-navbar button.btn-transparent.icon-only:focus,
    nav.spirit-navbar button.btn-transparent.icon-only:focus-visible,
    nav.spirit-navbar button.btn-transparent.icon-only:active,
    nav.spirit-navbar button[onclick*="switchTheme"]:hover,
    nav.spirit-navbar button[onclick*="switchTheme"]:focus,
    nav.spirit-navbar button[onclick*="switchTheme"]:focus-visible,
    nav.spirit-navbar button[onclick*="switchTheme"]:active,
    nav.spirit-navbar a.cart-badge:hover,
    nav.spirit-navbar a.cart-badge:focus,
    nav.spirit-navbar a.cart-badge:focus-visible,
    nav.spirit-navbar a.cart-badge:active {
        outline: none !important;
        box-shadow: none !important;
        border-color: transparent !important;
        background: transparent !important;
        -webkit-tap-highlight-color: transparent !important;
    }
}

@media screen and (max-width: 991.98px) {
    nav.spirit-navbar button.btn-transparent.icon-only:not([onclick*="switchTheme"]) {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    nav.spirit-navbar button[onclick*="switchTheme"] {
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #d8eaf4 !important;
        background: rgba(35, 53, 60, 0.72) !important;
        border: 1px solid rgba(74, 190, 255, 0.22) !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: hidden !important;
        background-clip: padding-box !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    nav.spirit-navbar button[onclick*="switchTheme"]::before,
    nav.spirit-navbar button[onclick*="switchTheme"]::after {
        content: none !important;
        display: none !important;
    }

    nav.spirit-navbar button[onclick*="switchTheme"] svg {
        width: 20px !important;
        height: 20px !important;
        color: currentColor !important;
        stroke: currentColor !important;
        fill: none !important;
    }
}

@media screen and (max-width: 991.98px) {
    html body nav.spirit-navbar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        border-radius: 0 0 22px 22px !important;
        background: #252525 !important;
        background-color: #252525 !important;
        z-index: 1030 !important;
    }

    html body nav.spirit-navbar::before {
        content: "FakeFun.ru" !important;
        position: absolute !important;
        left: 22px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: block !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 23px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        letter-spacing: -0.03em !important;
        white-space: nowrap !important;
        pointer-events: none !important;
        z-index: 20 !important;
    }

    html body nav.spirit-navbar .navbar-general,
    html body nav.spirit-navbar .container,
    html body nav.spirit-navbar .container-fluid {
        position: relative !important;
        width: 100% !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 28px 0 160px !important;
        margin: 0 !important;
        overflow: visible !important;
        border-radius: 0 0 22px 22px !important;
        background: transparent !important;
    }

    html body nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between,
    html body nav.spirit-navbar .d-flex.align-items-center.justify-content-between {
        position: relative !important;
        width: 100% !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    html body nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between::before,
    html body nav.spirit-navbar .d-flex.align-items-center.justify-content-between::before,
    html body nav.spirit-navbar a::after {
        content: none !important;
        display: none !important;
    }

    html body nav.spirit-navbar a:not(.cart-badge),
    html body nav.spirit-navbar ul,
    html body nav.spirit-navbar li,
    html body nav.spirit-navbar .spirit-navbar-menu,
    html body nav.spirit-navbar .navbar-collapse,
    html body nav.spirit-navbar .collapse,
    html body nav.spirit-navbar button.navbar-toggler,
    html body nav.spirit-navbar [data-toggle="collapse"],
    html body nav.spirit-navbar [data-bs-toggle="collapse"] {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    html body nav.spirit-navbar img,
    html body nav.spirit-navbar a:not(.cart-badge) svg {
        display: none !important;
        visibility: hidden !important;
    }

    html body nav.spirit-navbar button.btn-transparent.icon-only,
    html body nav.spirit-navbar button[onclick*="switchTheme"],
    html body nav.spirit-navbar a.cart-badge {
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 12px !important;
        overflow: visible !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 30 !important;
    }

    html body nav.spirit-navbar a.cart-badge *,
    html body nav.spirit-navbar button.btn-transparent.icon-only *,
    html body nav.spirit-navbar button[onclick*="switchTheme"] * {
        visibility: visible !important;
        overflow: visible !important;
    }

    html body nav.spirit-navbar a.cart-badge svg,
    html body nav.spirit-navbar button.btn-transparent.icon-only svg,
    html body nav.spirit-navbar button[onclick*="switchTheme"] svg {
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        overflow: visible !important;
    }

    html body nav.spirit-navbar .cart-cost {
        display: none !important;
    }

    html body nav.spirit-navbar .cart-count {
        right: -6px !important;
        top: -7px !important;
        min-width: 18px !important;
        height: 18px !important;
        font-size: 11px !important;
        line-height: 18px !important;
        overflow: visible !important;
    }
}

@media (max-width: 991.98px) {
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between::before {
        content: none !important;
        display: none !important;
    }

    nav.spirit-navbar,
    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding-left: initial !important;
        padding-right: initial !important;
        overflow: visible !important;
        border-radius: initial !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        justify-content: space-between !important;
        gap: initial !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > *,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > :not(:last-child),
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:not(:first-child),
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:not(:first-child):not(:last-child),
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:last-child {
        display: flex !important;
        visibility: visible !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        margin: initial !important;
        padding: initial !important;
        overflow: visible !important;
        pointer-events: auto !important;
        position: static !important;
        transform: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a {
        font-size: initial !important;
        height: auto !important;
        max-width: none !important;
        gap: initial !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a::after {
        content: none !important;
        display: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > span,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > p,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > div {
        display: initial !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child img,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child svg,
    nav.spirit-navbar button.btn-transparent.icon-only svg,
    nav.spirit-navbar button[onclick*="switchTheme"] svg,
    nav.spirit-navbar a.cart-badge svg {
        width: initial !important;
        height: initial !important;
        max-width: initial !important;
        max-height: initial !important;
    }

    nav.spirit-navbar ul.spirit-navbar-menu,
    nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none,
    nav.spirit-navbar .spirit-navbar-menu,
    nav.spirit-navbar .navbar-collapse,
    nav.spirit-navbar .collapse,
    nav.spirit-navbar li.spirit-navbar-item,
    nav.spirit-navbar button.navbar-toggler,
    nav.spirit-navbar [data-toggle="collapse"],
    nav.spirit-navbar [data-bs-toggle="collapse"] {
        visibility: visible !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        margin: initial !important;
        padding: initial !important;
        overflow: visible !important;
        pointer-events: auto !important;
        position: static !important;
        transform: none !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only,
    nav.spirit-navbar button[onclick*="switchTheme"],
    nav.spirit-navbar a.cart-badge {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        padding: initial !important;
        margin: initial !important;
        border-radius: initial !important;
        overflow: visible !important;
    }

    nav.spirit-navbar .cart-cost {
        display: initial !important;
    }
}

@media (max-width: 991.98px) {
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between::before,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a::after {
        content: none !important;
        display: none !important;
    }

    nav.spirit-navbar ul.spirit-navbar-menu,
    nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none,
    nav.spirit-navbar .spirit-navbar-menu {
        display: none !important;
    }

    nav.spirit-navbar .collapse:not(.show),
    nav.spirit-navbar .navbar-collapse:not(.show) {
        display: none !important;
    }

    nav.spirit-navbar .collapse.show,
    nav.spirit-navbar .navbar-collapse.show {
        display: block !important;
    }

    nav.spirit-navbar button.navbar-toggler,
    nav.spirit-navbar [data-toggle="collapse"],
    nav.spirit-navbar [data-bs-toggle="collapse"] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > span,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > p,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > div {
        font-size: inherit !important;
        color: inherit !important;
        -webkit-text-fill-color: currentColor !important;
        white-space: nowrap !important;
    }

    nav.spirit-navbar,
    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        border-radius: 0 0 20px 20px !important;
    }
}

@media (max-width: 991.98px) {
    nav.spirit-navbar,
    body.light-theme nav.spirit-navbar,
    body.dark-theme nav.spirit-navbar {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        overflow: visible !important;
        border-radius: 0 0 22px 22px !important;
        background: #252525 !important;
        background-color: #252525 !important;
    }

    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        padding: 0 30px 0 24px !important;
        overflow: visible !important;
        border-radius: 0 0 22px 22px !important;
        background: #252525 !important;
        background-color: #252525 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between {
        position: relative !important;
        height: 58px !important;
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        padding: 0 8px 0 150px !important;
        overflow: visible !important;
        border-radius: 0 0 22px 22px !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between::before {
        content: "FakeFun.ru" !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: block !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 22px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        letter-spacing: -0.03em !important;
        white-space: nowrap !important;
        text-shadow: none !important;
        pointer-events: none !important;
        z-index: 6 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between::first-letter {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > :not(:last-child),
    nav.spirit-navbar ul.spirit-navbar-menu,
    nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none,
    nav.spirit-navbar .spirit-navbar-menu,
    nav.spirit-navbar .navbar-collapse,
    nav.spirit-navbar .collapse,
    nav.spirit-navbar li.spirit-navbar-item,
    nav.spirit-navbar button.navbar-toggler,
    nav.spirit-navbar [data-toggle="collapse"],
    nav.spirit-navbar [data-bs-toggle="collapse"] {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        position: static !important;
        transform: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > :last-child {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: auto !important;
        max-width: 118px !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 7 !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only,
    nav.spirit-navbar button[onclick*="switchTheme"],
    nav.spirit-navbar a.cart-badge {
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 12px !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    nav.spirit-navbar .cart-icon-wrapper,
    nav.spirit-navbar a.cart-badge > div {
        overflow: visible !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only svg,
    nav.spirit-navbar button[onclick*="switchTheme"] svg,
    nav.spirit-navbar a.cart-badge svg {
        width: 22px !important;
        height: 22px !important;
        overflow: visible !important;
    }

    nav.spirit-navbar .cart-count {
        right: -6px !important;
        top: -7px !important;
        min-width: 18px !important;
        height: 18px !important;
        font-size: 11px !important;
        line-height: 18px !important;
    }

    nav.spirit-navbar .cart-cost {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    nav.spirit-navbar {
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        overflow: visible !important;
        border-radius: 0 0 22px 22px !important;
    }

    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 22px !important;
        overflow: visible !important;
        border-radius: 0 0 22px 22px !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between {
        position: relative !important;
        height: 60px !important;
        min-height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        overflow: visible !important;
        padding-left: 150px !important;
        padding-right: 2px !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between::before {
        content: "FakeFun.ru" !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: block !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 22px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        letter-spacing: -0.03em !important;
        white-space: nowrap !important;
        text-shadow: none !important;
        pointer-events: none !important;
        z-index: 4 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between::first-letter {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > :not(:last-child),
    nav.spirit-navbar ul.spirit-navbar-menu,
    nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none,
    nav.spirit-navbar .spirit-navbar-menu,
    nav.spirit-navbar .navbar-collapse,
    nav.spirit-navbar .collapse,
    nav.spirit-navbar li.spirit-navbar-item,
    nav.spirit-navbar button.navbar-toggler,
    nav.spirit-navbar [data-toggle="collapse"],
    nav.spirit-navbar [data-bs-toggle="collapse"] {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        position: static !important;
        transform: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > :last-child {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: auto !important;
        max-width: 120px !important;
        height: 60px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 5 !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only,
    nav.spirit-navbar button[onclick*="switchTheme"],
    nav.spirit-navbar a.cart-badge {
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 10px !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only svg,
    nav.spirit-navbar button[onclick*="switchTheme"] svg,
    nav.spirit-navbar a.cart-badge svg {
        width: 21px !important;
        height: 21px !important;
        overflow: visible !important;
    }

    nav.spirit-navbar .cart-count {
        right: -8px !important;
        top: -7px !important;
        min-width: 18px !important;
        height: 18px !important;
        font-size: 11px !important;
        line-height: 18px !important;
    }

    nav.spirit-navbar .cart-cost {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    nav.spirit-navbar,
    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        border-radius: 0 0 22px 22px !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child {
        flex: 1 1 auto !important;
        max-width: calc(100% - 112px) !important;
        display: flex !important;
        visibility: visible !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:not(:first-child):not(:last-child) {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:last-child {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: auto !important;
        max-width: 106px !important;
        height: 58px !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }
}

@media (max-width: 991.98px) {
    nav.spirit-navbar,
    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        overflow: hidden !important;
        border-radius: 0 0 22px 22px !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between {
        position: relative !important;
        height: 58px !important;
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        overflow: hidden !important;
        padding-left: 138px !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between::before {
        content: "✦  FakeFun.ru" !important;
        position: absolute !important;
        left: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: block !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 18px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        white-space: nowrap !important;
        text-shadow: none !important;
        pointer-events: none !important;
        z-index: 4 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between::first-letter {
        color: #169cff !important;
        -webkit-text-fill-color: #169cff !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > :not(:last-child),
    nav.spirit-navbar ul.spirit-navbar-menu,
    nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none,
    nav.spirit-navbar .spirit-navbar-menu,
    nav.spirit-navbar .navbar-collapse,
    nav.spirit-navbar .collapse,
    nav.spirit-navbar li.spirit-navbar-item,
    nav.spirit-navbar button.navbar-toggler,
    nav.spirit-navbar [data-toggle="collapse"],
    nav.spirit-navbar [data-bs-toggle="collapse"] {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        position: static !important;
        transform: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > :last-child {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        width: auto !important;
        max-width: 112px !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 5 !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only,
    nav.spirit-navbar button[onclick*="switchTheme"],
    nav.spirit-navbar a.cart-badge {
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 10px !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    nav.spirit-navbar .cart-cost {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    nav.spirit-navbar {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    nav.spirit-navbar .navbar-general,
    nav.spirit-navbar .navbar-general .container,
    nav.spirit-navbar .navbar-general .container-fluid {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        padding: 0 12px !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between {
        height: 58px !important;
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        overflow: hidden !important;
    }

    nav.spirit-navbar ul.spirit-navbar-menu,
    nav.spirit-navbar ul.spirit-navbar-menu.d-lg-flex.d-none,
    nav.spirit-navbar .spirit-navbar-menu,
    nav.spirit-navbar .navbar-collapse,
    nav.spirit-navbar .collapse,
    nav.spirit-navbar li.spirit-navbar-item {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        position: static !important;
        transform: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 118px) !important;
        height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        max-width: 100% !important;
        height: 58px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > span,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > p,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a > div:not(:has(img)):not(:has(svg)) {
        display: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child a::after {
        content: "FakeFun.ru" !important;
        display: inline-block !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 18px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        text-shadow: none !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child img,
    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:first-child svg {
        flex: 0 0 auto !important;
        width: 18px !important;
        height: 18px !important;
        max-width: 18px !important;
        max-height: 18px !important;
        object-fit: contain !important;
    }

    nav.spirit-navbar .navbar-general .d-flex.align-items-center.justify-content-between > div:not(:first-child) {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 112px !important;
        height: 58px !important;
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only,
    nav.spirit-navbar button[onclick*="switchTheme"],
    nav.spirit-navbar a.cart-badge {
        display: inline-flex !important;
        visibility: visible !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 10px !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    nav.spirit-navbar button.btn-transparent.icon-only svg,
    nav.spirit-navbar button[onclick*="switchTheme"] svg,
    nav.spirit-navbar a.cart-badge svg {
        width: 19px !important;
        height: 19px !important;
    }

    nav.spirit-navbar .cart-cost {
        display: none !important;
    }
}
