table {
            width: 100%;
            border-collapse: collapse;
            background-color: transparent;
        }

        th {
            background: transparent;
            color: white;
        }

        td, th {
            padding: 10px;
            background: hsla(0, 0%, 100%, .02);
            border: 2px solid hsla(0, 0%, 100%, .04);
            border-radius: 4px;
            text-align: left;
        }

        /*
        Max width before this PARTICULAR table gets nasty
        This query will take effect for any screen smaller than 760px
        and also iPads specifically.
        */
        @media
        only screen and (max-width: 760px),
        (min-device-width: 768px) and (max-device-width: 1024px)  {

            table {
                width: 100%;
            }

            /* Force table to not be like tables anymore */
            table, thead, tbody, th, td, tr {
                display: block;
            }

            /* Hide table headers (but not display: none;, for accessibility) */
            thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            tr { border: 1px solid #ccc; }

            td {
                /* Behave  like a "row" */
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 50%;
            }

            td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                /* Label the data */
                content: attr(data-column);

                color: #000;
                font-weight: bold;
            }

        }
    


        .blocker {
            position: fixed;
            top: 0; right: 0; bottom: 0; left: 0;
            width: 100%; height: 100%;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch;
            z-index: 1000;
            padding: 40px 20px !important;
            box-sizing: border-box;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0,0.75);
            text-align: center;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: flex-start !important; /* center yerine flex-start */
        }

        .blocker:before {
            display: none !important;
        }
        .blocker.behind {
            background-color: transparent;
        }
        .modal {
            display: none;
        }

        .modal a.close-modal {
            position: absolute;
            top: -12.5px;
            right: -12.5px;
            display: block;
            width: 30px;
            height: 30px;
            text-indent: -9999px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');

        }

        .modal-spinner {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            padding: 12px 16px;
            border-radius: 5px;
            background-color: #111;
            height: 20px;
        }

        .modal-spinner > div {
            border-radius: 100px;
            background-color: #fff;
            height: 20px;
            width: 2px;
            margin: 0 1px;
            display: inline-block;

            -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
            animation: sk-stretchdelay 1.2s infinite ease-in-out;
        }

        .modal-spinner .rect2 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

        .modal-spinner .rect3 {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
        }

        .modal-spinner .rect4 {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
        }

        @-webkit-keyframes sk-stretchdelay {
            0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
            20% { -webkit-transform: scaleY(1.0) }
        }

        @keyframes sk-stretchdelay {
            0%, 40%, 100% {
                transform: scaleY(0.5);
                -webkit-transform: scaleY(0.5);
            }  20% {
                   transform: scaleY(1.0);
                   -webkit-transform: scaleY(1.0);
               }
        }
    


        .fade-enter-active {
            -webkit-animation: fadeIn .4s forwards;
            animation: fadeIn .4s forwards
        }

        .fade-leave-active {
            -webkit-animation: fadeOut .4s forwards;
            animation: fadeOut .4s forwards
        }

        .slide-up-enter-active {
            -webkit-animation: fadeInUp .4s forwards;
            animation: fadeInUp .4s forwards
        }

        .slide-up-leave-active {
            -webkit-animation: fadeOutDown .4s forwards;
            animation: fadeOutDown .4s forwards
        }

        .slide-down-enter-active {
            -webkit-animation: fadeInDown .4s forwards;
            animation: fadeInDown .4s forwards
        }

        .slide-down-leave-active {
            -webkit-animation: fadeOutUp .4s forwards;
            animation: fadeOutUp .4s forwards
        }

        .searchbar-enter-active {
            -webkit-animation: searchbarIn .75s forwards;
            animation: searchbarIn .75s forwards
        }

        .searchbar-leave-active {
            -webkit-animation: searchbarOut .75s forwards;
            animation: searchbarOut .75s forwards
        }

        @-webkit-keyframes searchbarIn {
            0% {
                opacity: 0;
                width: 0
            }
            50% {
                opacity: 1
            }
            to {
                width: 100%
            }
        }

        @keyframes searchbarIn {
            0% {
                opacity: 0;
                width: 0
            }
            50% {
                opacity: 1
            }
            to {
                width: 100%
            }
        }

        @-webkit-keyframes searchbarOut {
            0% {
                width: 100%;
                opacity: 1
            }
            to {
                width: 0;
                opacity: 0
            }
        }

        @keyframes searchbarOut {
            0% {
                width: 100%;
                opacity: 1
            }
            to {
                width: 0;
                opacity: 0
            }
        }

        @-webkit-keyframes fadeIn {
            0% {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }

        @keyframes fadeIn {
            0% {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }

        @-webkit-keyframes fadeOut {
            0% {
                opacity: 1
            }
            to {
                opacity: 0
            }
        }

        @keyframes fadeOut {
            0% {
                opacity: 1
            }
            to {
                opacity: 0
            }
        }

        @-webkit-keyframes fadeInDown {
            0% {
                opacity: 0;
                transform: translate3d(0, -100%, 0)
            }
            to {
                opacity: 1;
                transform: none
            }
        }

        @keyframes fadeInDown {
            0% {
                opacity: 0;
                transform: translate3d(0, -100%, 0)
            }
            to {
                opacity: 1;
                transform: none
            }
        }

        @-webkit-keyframes fadeInLeft {
            0% {
                opacity: 0;
                transform: translate3d(-100%, 0, 0)
            }
            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        @keyframes fadeInLeft {
            0% {
                opacity: 0;
                transform: translate3d(-100%, 0, 0)
            }
            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        @-webkit-keyframes fadeInRight {
            0% {
                opacity: 0;
                transform: translate3d(100%, 0, 0)
            }
            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        @keyframes fadeInRight {
            0% {
                opacity: 0;
                transform: translate3d(100%, 0, 0)
            }
            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        @-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translate3d(0, 100%, 0)
            }
            to {
                opacity: 1
            }
        }

        @keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translate3d(0, 100%, 0)
            }
            to {
                opacity: 1
            }
        }

        @-webkit-keyframes fadeOutDown {
            0% {
                opacity: 1
            }
            to {
                opacity: 0;
                transform: translate3d(0, 100%, 0)
            }
        }

        @keyframes fadeOutDown {
            0% {
                opacity: 1
            }
            to {
                opacity: 0;
                transform: translate3d(0, 100%, 0)
            }
        }

        @-webkit-keyframes fadeOutLeft {
            0% {
                opacity: 1
            }
            to {
                opacity: 0;
                transform: translate3d(-100%, 0, 0)
            }
        }

        @keyframes fadeOutLeft {
            0% {
                opacity: 1
            }
            to {
                opacity: 0;
                transform: translate3d(-100%, 0, 0)
            }
        }

        @-webkit-keyframes fadeOutUp {
            0% {
                opacity: 1
            }
            to {
                opacity: 0;
                transform: translate3d(0, -100%, 0)
            }
        }

        @keyframes fadeOutUp {
            0% {
                opacity: 1
            }
            to {
                opacity: 0;
                transform: translate3d(0, -100%, 0)
            }
        }

        @-webkit-keyframes fadeOutRight {
            0% {
                opacity: 1
            }
            to {
                opacity: 0;
                transform: translate3d(100%, 0, 0)
            }
        }

        @keyframes fadeOutRight {
            0% {
                opacity: 1
            }
            to {
                opacity: 0;
                transform: translate3d(100%, 0, 0)
            }
        }

        .fadeInDown500ms {
            opacity: 0;
            -webkit-animation: fadeInDown .4s forwards;
            animation: fadeInDown .4s forwards
        }

        .fadeInUp500ms {
            opacity: 0;
            -webkit-animation: fadeInUp .4s forwards;
            animation: fadeInUp .4s forwards
        }

        .fadeIn500ms {
            -webkit-animation: fadeIn .4s forwards;
            animation: fadeIn .4s forwards
        }

        .fadeInLeft500ms {
            opacity: 0;
            -webkit-animation: fadeInLeft .4s forwards;
            animation: fadeInLeft .4s forwards
        }

        .fadeInRight500ms {
            opacity: 0;
            -webkit-animation: fadeInRight .4s forwards;
            animation: fadeInRight .4s forwards
        }

        .fadeOutDown500ms {
            opacity: 1;
            -webkit-animation: fadeOutDown .4s forwards;
            animation: fadeOutDown .4s forwards
        }

        .fadeOutLeft500ms {
            opacity: 1;
            -webkit-animation: fadeOutLeft .4s forwards;
            animation: fadeOutLeft .4s forwards
        }

        .fadeOutRight500ms {
            opacity: 1;
            -webkit-animation: fadeOutRight .4s forwards;
            animation: fadeOutRight .4s forwards
        }

        .fadeOutUp500ms {
            opacity: 1;
            -webkit-animation: fadeOutUp .4s forwards;
            animation: fadeOutUp .4s forwards
        }

        @-webkit-keyframes headShake {
            0% {
                transform: translateX(0)
            }
            6.5% {
                transform: translateX(-6px) rotateY(-9deg)
            }
            18.5% {
                transform: translateX(5px) rotateY(7deg)
            }
            31.5% {
                transform: translateX(-3px) rotateY(-5deg)
            }
            43.5% {
                transform: translateX(2px) rotateY(3deg)
            }
            50% {
                transform: translateX(0)
            }
        }

        @keyframes headShake {
            0% {
                transform: translateX(0)
            }
            6.5% {
                transform: translateX(-6px) rotateY(-9deg)
            }
            18.5% {
                transform: translateX(5px) rotateY(7deg)
            }
            31.5% {
                transform: translateX(-3px) rotateY(-5deg)
            }
            43.5% {
                transform: translateX(2px) rotateY(3deg)
            }
            50% {
                transform: translateX(0)
            }
        }

        @-webkit-keyframes shakeX {
            0%,
            to {
                transform: translateZ(0)
            }
            10%,
            30%,
            50%,
            70%,
            90% {
                transform: translate3d(-10px, 0, 0)
            }
            20%,
            40%,
            60%,
            80% {
                transform: translate3d(10px, 0, 0)
            }
        }

        @keyframes shakeX {
            0%,
            to {
                transform: translateZ(0)
            }
            10%,
            30%,
            50%,
            70%,
            90% {
                transform: translate3d(-10px, 0, 0)
            }
            20%,
            40%,
            60%,
            80% {
                transform: translate3d(10px, 0, 0)
            }
        }

        .shakeX500ms {
            -webkit-animation: shakeX .5s forwards;
            animation: shakeX .5s forwards
        }

        .headShake500ms {
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-duration: .5s;
            animation-duration: .5s;
            -webkit-animation-name: headShake;
            animation-name: headShake
        }

        * {
            box-sizing: border-box;
            font-family: "Inter", sans-serif;
            margin: 0;
            padding: 0;
            border: 0;
            outline: none
        }

        img {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        #__layout,
        #__nuxt,
        html {
            position: relative;
            width: 100%;
            height: 100%;
            overflow-x: hidden
        }

        body {
            background: #1d1e23;
            overflow-x: hidden;
            overflow-y: overlay;
            color: #fff
        }

        body::-webkit-scrollbar {
            width: 6px
        }

        body::-webkit-scrollbar-track {
            background: hsla(0, 0%, 100%, .04)
        }

        body::-webkit-scrollbar-thumb {
            background: #7fa5d1
        }

        #__layout {
            display: flex;
            justify-content: center;
            align-items: stretch
        }

        .main_container {
            width: 100vw
        }

        .container {
            width: 1350px;
            margin: 0 auto
        }

        @media screen and (max-width:1350px) {
            .container {
                width: 100%;
                padding: 0 20px;
                box-sizing: border-box
            }
            .padding-vertical {
                padding: 80px 20px !important
            }
            .page-location {
                left: 20px !important
            }
            .header-search {
                width: calc(100% - 40px) !important
            }
        }

        @media screen and (max-width:868px) {
            .container .hint {
                padding: 0 20px;
                box-sizing: border-box
            }
            .container .hint svg {
                display: none
            }
        }

        @media screen and (max-width:515px) {
            .container .hint {
                padding: 20px
            }
            .catalog-head__content h1 {
                font-size: 6vw !important;
                line-height: 10vw !important
            }
        }

        .padding-vertical {
            padding: 80px 0
        }

        .padding-top {
            padding-top: 80px
        }

        .padding-bottom {
            padding-bottom: 80px
        }

        .text-content p {
            font-size: 13px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #e5e5e5;
            margin-top: 30px
        }

        .text-content p:first-child {
            margin: 0
        }

        .text-content h4,
        .text-content p b {
            font-size: 14px;
            line-height: 17px
        }

        .text-content h4 {
            margin-top: 30px;
            font-weight: 800;
            color: #e5e5e5
        }

        .text-content ul {
            list-style: none
        }

        .text-content ul li {
            font-size: 13px;
            line-height: 180%;
            color: #e5e5e5;
            padding-left: 32px;
            position: relative;
            margin-top: 20px
        }

        .text-content ul li:before {
            content: "";
            position: absolute;
            left: 0;
            width: 20px;
            height: 20px;
            background-image: url(/images/list-style.svg);
            top: calc(50% - 12px)
        }

        .text-content a {
            color: #4395f4;
            text-decoration: none
        }

        .text-content a:hover {
            text-decoration: underline
        }

        .overlay {
            position: fixed;  /* absolute yerine fixed */
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: #1e2024;
            opacity: .97;
            z-index: -1; /* reviews-popup'ın arkasında kalsın */
        }


        .chatbro_minimized_header {
            height: 60px !important;
            width: 92px !important
        }

        .account-card .product-card__data-content p {
            color: #4395f4;
            margin-top: 4px;
            font-size: 12px;
            line-height: 20px;
            letter-spacing: .009em
        }

        .account-client {
            border-radius: 12px;
            display: flex;
            align-items: center;
            padding: 0 8px;
            font-weight: 500;
            font-size: 11px;
            line-height: 19px;
            letter-spacing: .3px;
            color: #fff;
            height: 28px;
            white-space: nowrap;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .account-client.large {
            padding: 0 16px;
            height: 38px
        }

        .account-client img {
            height: 18px;
            margin-right: 6px
        }

        .account-logo {
            overflow: hidden;
            border-radius: 12px;
            background: linear-gradient(0deg, #292a32, #292a32);
            display: flex;
            justify-content: center;
            align-items: center
        }

        .account-logo img {
            width: 36px
        }

        .account-logo.round {
            border-radius: 50%
        }

        .btn {
            background: #f5ffa4;
            border-radius: 12px;
            height: 60px;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: .009em;
            color: #222429;
            width: 100%;
            cursor: pointer
        }

        .btn,
        .btn:hover {
            transition-duration: .25s
        }

        .btn:hover {
            background: #7fa5d1;
            color: #fff
        }

        .btn:disabled {
            background: rgba(245, 255, 164, .24);
            color: rgba(245, 255, 164, .48)
        }

        .btn-gradient {
            height: 50px;
            border-radius: 12px;
            padding: 0 25px;
            font-weight: 600;
            font-size: 13px;
            line-height: 19px;
            letter-spacing: .009em;
            background: transparent;
            color: #fff;
            position: relative;
            overflow: hidden;
            cursor: pointer
        }

        .btn-gradient:before {
            background: linear-gradient(96.05deg, #7fa5d1, #95b9a5)
        }

        .btn-gradient:after {
            background: #4395f4;
            opacity: 0;
            transition-duration: .25s
        }

        .btn-gradient:after,
        .btn-gradient:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            z-index: -1
        }

        .btn-gradient:hover:after {
            opacity: 1;
            transition-duration: .25s
        }

        .btn-gray {
            padding: 15px 25px;
            background: transparent;
            border-radius: 12px;
            font-weight: 500;
            box-sizing: border-box;
            font-size: 12px;
            line-height: 19px;
            letter-spacing: .009em;
            color: #848a9a;
            position: relative;
            overflow: hidden;
            transition-duration: .25s;
            cursor: pointer
        }

        .btn-gray:after,
        .btn-gray:before {
            content: "";
            border-radius: inherit;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: -1;
            transition-duration: .25s
        }

        .btn-gray:before {
            background: linear-gradient(96.05deg, #7fa5d1, #95b9a5);
            opacity: 0
        }

        .btn-gray:after {
            background: hsla(0, 0%, 100%, .03)
        }

        .btn-gray.bordered {
            color: #51555f;
            border: 2px solid #2d3037
        }

        .btn-gray.bordered:after {
            display: none
        }

        .btn-gray:not(:disabled):hover {
            color: #fff;
            transition-duration: .25s
        }

        .btn-gray:not(:disabled):hover:before {
            opacity: 1
        }

        .card {
            background: #1d1e23;
            border-radius: 12px;
            overflow: hidden;
            width: 100%
        }

        .card.active:hover {
            cursor: pointer
        }

        .card.active:hover button {
            color: #fff;
            transition-duration: .25s
        }

        .card.active:hover button:before {
            opacity: 1
        }

        .card-image {
            width: 100%;
            height: 170px;
            background-position: 50%;
            background-size: cover;
            position: relative;
            border-radius: 12px
        }

        .card-image,
        .card-image__logo {
            display: flex;
            justify-content: center;
            align-items: center
        }

        .card-image__logo {
            margin-top: -43px;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: rgba(39, 41, 46, .48);
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px)
        }

        .card-image__logo img {
            max-width: 36px;
            max-height: 36px
        }

        .card-data {
            width: 100%;
            padding: 25px;
            box-sizing: border-box;
            background: rgba(35, 37, 42, .48);
            margin-top: -43px;
            -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
            border-radius: 12px
        }

        .card-data__content {
            text-align: center;
            padding-bottom: 25px;
            border-bottom: 1px solid hsla(0, 0%, 100%, .02)
        }

        .card-data__content h3 {
            font-weight: 800;
            font-size: 18px;
            line-height: 22px;
            color: #fff
        }

        .card-data__content .info {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 15px;
            position: relative
        }

        .card-data__content .info p {
            display: inline-block;
            width: calc(50% - 11px);
            font-weight: 400;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: .009em
        }

        .card-data__content .info p:first-child {
            text-align: right;
            color: #848996
        }

        .card-data__content .info p:first-child:after {
            content: "";
            position: absolute;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #40434b;
            left: calc(50% - 2px);
            top: calc(50% - 2px)
        }

        .card-data__content .info p:last-child {
            text-align: left;
            color: #9acd90
        }

        .card-price {
            padding-top: 25px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .card-price .price span {
            font-weight: 500;
            font-size: 12px;
            line-height: 22px;
            letter-spacing: .009em;
            color: hsla(0, 0%, 89.8%, .48)
        }

        .card-price .price p {
            margin-top: 8px;
            font-size: 16px;
            line-height: 20px;
            color: #e5e5e5
        }

        .card-price .price p,
        .card-price .price p .sale {
            font-weight: 600;
            letter-spacing: .009em;
            display: flex;
            align-items: center
        }

        .card-price .price p .sale {
            margin-left: 8px;
            height: 20px;
            background: rgba(245, 255, 164, .12);
            border-radius: 5px;
            padding: 0 4px;
            font-size: 10px;
            line-height: 12px;
            color: #f5ffa4
        }

        .chat {
            height: 60px;
            padding: 0 18px;
            display: flex;
            align-items: center;
            position: fixed;
            z-index: 999;
            right: 20px;
            bottom: 20px;
            background: #f5ffa4;
            color: #27292e;
            border-radius: 100px;
            font-weight: 500;
            font-size: 13px;
            line-height: 19px;
            letter-spacing: .009em;
            cursor: pointer
        }

        .chat svg {
            width: 24px;
            height: 24px;
            margin-right: 10px
        }

        .chat svg path {
            fill: #27292e;
            transition-duration: .25s
        }

        .chat:hover {
            background: #4395f4;
            color: #e5e5e5;
            transition-duration: .25s
        }

        .chat:hover svg path {
            fill: #e5e5e5;
            transition-duration: .25s
        }

        .empty {
            text-align: center
        }

        .empty-container {
            display: flex;
            justify-content: center
        }

        .empty p {
            margin-top: 15px;
            font-size: 13px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #848a9a;
            max-width: 255px
        }

        .empty p span {
            color: #e5e5e5
        }

        .empty a {
            text-decoration: none;
            font-weight: 600;
            font-size: 13px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #fff;
            display: inline-block;
            margin-top: 18px;
            cursor: pointer
        }

        .empty a:hover {
            text-decoration: underline
        }

        .footer-bottom {
            padding: 31px 0;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center
        }

        .footer-bottom p {
            font-size: 13px;
            line-height: 20px;
            font-weight: 400;
            letter-spacing: .009em;
            color: rgba(125, 129, 138, .68)
        }

        .footer-bottom p a {
            font-weight: 500;
            text-decoration: none
        }

        .footer-bottom p a:last-child {
            color: #f0c147
        }

        .footer-bottom p a:first-child {
            color: #4395f4
        }

        .footer-bottom p a:hover {
            text-decoration: underline
        }

        .footer-bottom__payments {
            display: flex;
            align-items: center;
            grid-gap: 25px;
            gap: 25px;
            mix-blend-mode: luminosity
        }

        .footer {
            background-image: url(/images/bg-item.png);
            background-size: 100%;
            background-position: center -15px
        }

        @media screen and (max-width:1200px) {
            .footer {
                background-image: none;
                background: #202127
            }
        }

        @media screen and (max-width:810px) {
            .footer-nav {
                grid-template-columns: auto !important;
                grid-gap: 30px !important
            }
            .footer-nav,
            .footer-nav__contacts {
                display: flex !important;
                flex-wrap: wrap
            }
            .footer-nav__contacts {
                grid-template-columns: auto !important
            }
            .header-nav__link svg {
                display: none
            }
        }

        @media screen and (max-width:816px) {
            .footer-bottom {
                justify-content: center
            }
            .footer-bottom__payments {
                margin-top: 10px
            }
        }

        @media screen and (max-width:504px) {
            .footer-head__tagline {
                font-size: 18px
            }
        }

        @media screen and (max-width:415px) {
            .footer-bottom__payments {
                display: none
            }
        }

        .footer-head {
            padding: 80px 0 60px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            border-bottom: 1px solid hsla(0, 0%, 100%, .04)
        }

        .footer-head__tagline {
            margin: 0;
            font-weight: 800;
            font-size: 28px;
            line-height: 180%;
            color: #fff;
            max-width: 775px
        }

        .footer-head__tagline span {
            color: #7fa5d1
        }

        .footer-head a {
            display: flex;
            align-items: center;
            font-weight: 500;
            font-size: 24px;
            line-height: 180%;
            color: hsla(0, 0%, 100%, .48);
            text-decoration: none;
            transition-duration: .25s
        }

        .footer-head a svg {
            margin-left: 15px
        }

        .footer-head a svg path {
            stroke: hsla(0, 0%, 100%, .48);
            transition-duration: .25s
        }

        .footer-head a:hover {
            color: #e5e5e5;
            transition-duration: .25s
        }

        .footer-head a:hover path {
            stroke: #e5e5e5;
            transition-duration: .25s
        }

        .footer-nav {
            padding: 60px 0;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 145px;
            border-bottom: 1px solid hsla(0, 0%, 100%, .04)
        }

        .footer-nav .footer-label {
            font-weight: 500;
            font-size: 13px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #51555f;
            margin-bottom: 25px
        }

        .footer-nav__col .header-nav {
            margin: 0;
            display: block
        }

        .footer-nav__col .header-nav li {
            display: flex;
            margin-top: 20px;
            height: auto
        }

        .footer-nav__contacts {
            display: grid;
            grid-template-columns: repeat(auto-fill, 22px);
            grid-gap: 30px
        }

        .footer-nav__contacts a {
            text-decoration: none
        }

        .footer-nav__contacts a path {
            fill: #e5e5e5;
            transition-duration: .25s
        }

        .footer-nav__contacts a:hover path {
            fill: #7fa5d1;
            transition-duration: .25s
        }

        .input {
            display: grid;
            grid-template-columns: 22px 1fr;
            grid-gap: 10px;
            padding: 15px;
            background: hsla(0, 0%, 100%, .02);
            border: 2px solid hsla(0, 0%, 100%, .04);
            box-sizing: border-box;
            border-radius: 6px;
            transition-duration: .25s
        }

        .input input {
            background: transparent;
            color: #fff;
            height: 100%
        }

        .input input::-moz-placeholder {
            font-weight: 500;
            font-size: 12px;
            line-height: 22px
        }

        .input input:-ms-input-placeholder {
            font-weight: 500;
            font-size: 12px;
            line-height: 22px
        }

        .input input,
        .input input::placeholder {
            font-weight: 500;
            font-size: 12px;
            line-height: 22px
        }

        .input input::-moz-placeholder {
            color: #848a9a
        }

        .input input:-ms-input-placeholder {
            color: #848a9a
        }

        .input input::placeholder {
            color: #848a9a
        }

        .input.active {
            border: 2px solid #4395f4;
            transition-duration: .25s
        }

        .input.input-error {
            border: 2px solid #d95746;
            transition-duration: .25s
        }

        .textarea {
            padding: 15px;
            background: hsla(0, 0%, 100%, .02);
            border: 2px solid hsla(0, 0%, 100%, .04);
            box-sizing: border-box;
            border-radius: 6px;
            resize: none;
            width: 100%;
            height: 164px;
            color: #fff;
            transition-duration: .25s
        }

        .textarea::-moz-placeholder {
            font-weight: 500;
            font-size: 12px;
            line-height: 22px
        }

        .textarea:-ms-input-placeholder {
            font-weight: 500;
            font-size: 12px;
            line-height: 22px
        }

        .textarea,
        .textarea::placeholder {
            font-weight: 500;
            font-size: 12px;
            line-height: 22px
        }

        .textarea::-moz-placeholder {
            color: #848a9a
        }

        .textarea:-ms-input-placeholder {
            color: #848a9a
        }

        .textarea::placeholder {
            color: #848a9a
        }

        .textarea:focus {
            border: 2px solid #4395f4;
            transition-duration: .25s
        }

        .textarea.input-error {
            border: 2px solid #d95746;
            transition-duration: .25s
        }

        .game-item__meta {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .game-item__meta p {
            font-weight: 400;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: .009em;
            padding: 0 11px !important;
            white-space: nowrap;
            position: relative
        }

        .game-item__meta p:first-child {
            text-align: right;
            padding-left: 0 !important;
            color: #848996
        }

        .game-item__meta p:first-child:after {
            content: "";
            position: absolute;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #40434b;
            right: -2px;
            top: calc(50% - 2px)
        }

        .game-item__meta p:last-child {
            text-align: left;
            color: #9acd90
        }

        .game-item__logo img {
            width: 50% !important
        }

        .header-button {
            height: 100%;
            background: transparent;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 25px;
            cursor: pointer;
            transition-duration: .25s
        }

        .header-button.selected {
            background: #2a2c32
        }

        .header-button:hover {
            background: #2b2d32;
            transition-duration: .25s
        }

        .header-button:hover path {
            stroke: #e5e5e5;
            transition-duration: .25s
        }

        .header-button:hover span {
            color: #e5e5e5;
            transition-duration: .25s
        }

        .header-button:hover span.disabled {
            color: #848a9a
        }

        .header-button path {
            stroke: #848a9a;
            transition-duration: .25s
        }

        .header-button p {
            color: #848a9a;
            font-weight: 500;
            font-size: 13px;
            line-height: 20px;
            letter-spacing: .009em;
            margin-left: 10px
        }

        .header-button span {
            transition-duration: .25s
        }

        .header-button span.disabled {
            opacity: .48;
            transition-duration: .25s
        }

        .header-content {
            background: #27292e;
            height: 78px
        }

        .header-content--pill {
            background: transparent;
            height: auto;
            padding: 12px 0 18px
        }

        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 100%
        }

        .header-pill .header-logo {
            padding-right: 0
        }

        .header-pill .header-logo:after {
            display: none
        }

        .header-pill {
            --header-chip-height: 36px;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px 20px;
            min-height: 64px;
            padding: 10px 20px;
            box-sizing: border-box;
            background: rgba(39, 41, 46, .94);
            border: 1px solid hsla(0, 0%, 100%, .07);
            border-radius: 16px;
            box-shadow: 0 12px 40px rgba(0, 0, 0, .22)
        }

        .header-pill__left,
        .header-pill__right {
            display: flex;
            align-items: center;
            min-height: 48px
        }

        .header-pill__left {
            justify-self: start;
            gap: 8px 16px;
            min-width: 0;
            flex: 1
        }

        .header-pill__nav {
            display: flex;
            align-items: center;
            min-width: 0;
            margin-left: 4px
        }

        .header-pill__right {
            justify-self: end;
            min-width: 0;
            max-width: 100%;
            flex-shrink: 0
        }

        .header-actions {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: wrap;
            gap: 6px 8px;
            max-width: 100%
        }

        .header-actions .header-button.header-icon-btn {
            height: 40px;
            width: 40px;
            min-width: 40px;
            padding: 0 !important;
            flex-shrink: 0
        }

        .header-actions .header-button.header-search-trigger {
            height: 40px;
            min-height: 40px;
            width: auto;
            min-width: 40px;
            padding: 0 8px 0 6px !important;
            flex-shrink: 0
        }

        .header-actions .header-account {
            position: relative;
            flex-shrink: 0
        }

        .header-user-menu {
            position: relative;
            flex-shrink: 0
        }

        .header-user-menu__trigger {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            height: 40px;
            max-width: 200px;
            padding: 4px 10px 4px 4px;
            box-sizing: border-box;
            border-radius: 10px;
            border: none;
            background: transparent;
            color: #e5e5e5;
            font-size: 12px;
            font-weight: 600;
            line-height: 1;
            cursor: pointer;
            transition: background .2s ease
        }

        .header-user-menu__trigger:hover,
        .header-user-menu__trigger.is-open {
            background: hsla(0, 0%, 100%, .08)
        }

        .header-user-menu__avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: linear-gradient(135deg, #5090b2, #7cd5ae);
            color: #fff;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .02em;
            display: flex;
            align-items: center;
            justify-content: center;
            text-transform: uppercase;
            flex-shrink: 0
        }

        .header-user-menu__name {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 88px
        }

        .header-user-menu__chevron {
            width: 16px;
            height: 16px;
            color: #848a9a;
            flex-shrink: 0;
            transition: transform .2s ease
        }

        .header-user-menu__trigger.is-open .header-user-menu__chevron {
            transform: rotate(180deg);
            color: #e5e5e5
        }

        .header-user-menu__dropdown {
            position: absolute;
            right: 0;
            top: calc(100% + 10px);
            width: 300px;
            max-width: calc(100vw - 24px);
            background: #1e2024;
            border: 1px solid hsla(0, 0%, 100%, .08);
            border-radius: 14px;
            box-shadow: 0 18px 48px rgba(0, 0, 0, .45);
            overflow: hidden;
            z-index: 1001
        }

        .header-user-menu__head {
            padding: 16px 16px 12px;
            border-bottom: 1px solid hsla(0, 0%, 100%, .06)
        }

        .header-user-menu__email {
            margin: 0;
            font-size: 13px;
            font-weight: 700;
            color: #fff;
            line-height: 1.4;
            word-break: break-all
        }

        .header-user-menu__role {
            margin: 4px 0 0;
            font-size: 11px;
            color: #848a9a
        }

        .header-user-menu__balance {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 14px 16px;
            background:
                linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px),
                hsla(0, 0%, 100%, .02);
            background-size: 16px 16px, 16px 16px, auto;
            border-bottom: 1px solid hsla(0, 0%, 100%, .06)
        }

        .header-user-menu__balance-label {
            display: block;
            font-size: 11px;
            color: #848a9a;
            margin-bottom: 4px
        }

        .header-user-menu__balance-value {
            font-size: 16px;
            font-weight: 800;
            color: #fff
        }

        .header-user-menu__balance-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 34px;
            padding: 0 12px;
            border-radius: 8px;
            background: #fff;
            color: #27292e;
            font-size: 11px;
            font-weight: 700;
            text-decoration: none;
            white-space: nowrap;
            transition: background .2s ease
        }

        .header-user-menu__balance-btn:hover {
            background: #e5e5e5
        }

        .header-user-menu__nav {
            padding: 8px 8px 4px
        }

        .header-user-menu__link {
            display: flex;
            align-items: center;
            gap: 10px;
            width: 100%;
            box-sizing: border-box;
            padding: 10px 12px;
            border-radius: 10px;
            text-decoration: none;
            font-size: 13px;
            font-weight: 500;
            color: #c5c9d2;
            transition: background .15s ease, color .15s ease
        }

        .header-user-menu__link svg {
            width: 18px;
            height: 18px;
            flex-shrink: 0;
            color: #848a9a
        }

        .header-user-menu__link:hover {
            background: hsla(0, 0%, 100%, .05);
            color: #fff
        }

        .header-user-menu__link:hover svg {
            color: #9acd90
        }

        .header-user-menu__link-badge {
            margin-left: auto;
            min-width: 18px;
            height: 18px;
            padding: 0 6px;
            border-radius: 999px;
            background: #4395f4;
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            justify-content: center
        }

        .header-user-menu__divider {
            height: 1px;
            margin: 0 12px;
            background: hsla(0, 0%, 100%, .06)
        }

        .header-user-menu__footer {
            padding: 4px 8px 8px
        }

        .header-user-menu__link--danger {
            color: #f87171
        }

        .header-user-menu__link--danger svg {
            color: #f87171
        }

        .header-user-menu__link--danger:hover {
            background: rgba(248, 113, 113, .08);
            color: #fca5a5
        }

        @media screen and (max-width:900px) {
            .header-user-menu__name {
                display: none
            }

            .header-user-menu__trigger {
                max-width: none;
                padding-right: 8px
            }
        }

        .header-account__panel {
            right: 0;
            left: auto !important
        }

        @media screen and (min-width: 1136px) {
            .header-actions {
                flex-wrap: nowrap
            }
        }

        .header-nav-box {
            --nav-box-inset: 4px;
            display: flex;
            align-items: stretch;
            height: var(--header-chip-height);
            padding: var(--nav-box-inset);
            box-sizing: border-box;
            background: rgba(30, 32, 36, .72);
            border: 1px solid hsla(0, 0%, 100%, .08);
            border-radius: 12px;
            box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .03)
        }

        .header-nav-box .header-nav {
            margin-left: 0;
            gap: 2px;
            flex: 1;
            min-height: 0;
            height: 100%;
            align-items: stretch;
            align-self: stretch
        }

        .header-nav-box .header-nav__link,
        .header-nav-box .header-nav li {
            height: 100%;
            display: flex;
            align-items: stretch
        }

        .header-nav-box .header-nav__link a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            height: 100%;
            min-height: 0;
            max-height: 100%;
            padding: 0 12px;
            border-radius: 9px;
            font-size: 12px;
            line-height: 1 !important;
            font-weight: 500;
            transition: background .2s ease, color .2s ease
        }

        .header-nav-box .header-nav__link:not(.header-nav__link--pill) a:hover {
            color: #fff !important;
            background: #35383f
        }

        .header-nav-box .header-nav__link--pill a {
            background: #9acd90;
            color: #27292e !important;
            font-weight: 700;
            padding: 0 14px;
            border-radius: 9px;
            -webkit-text-fill-color: #27292e !important
        }

        .header-nav-box .header-nav__link--pill a:hover {
            background: #b5ddb0;
            color: #27292e !important;
            -webkit-text-fill-color: #27292e !important
        }

        .header-online {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 12px;
            border-radius: 10px;
            background: rgba(127, 165, 209, .12);
            border: 1px solid rgba(127, 165, 209, .22);
            color: #dadada;
            font-size: 12px;
            font-weight: 500;
            line-height: 1;
            white-space: nowrap
        }

        .header-online svg {
            flex-shrink: 0
        }

        .header-currency {
            padding: 8px 12px;
            border-radius: 10px;
            background: hsla(0, 0%, 100%, .04);
            border: 1px solid hsla(0, 0%, 100%, .06);
            color: #dadada;
            font-size: 12px;
            font-weight: 600;
            line-height: 1;
            white-space: nowrap
        }

        .header-btn-login {
            text-decoration: none;
            color: #dadada;
            font-size: 12px;
            font-weight: 500;
            padding: 8px 10px;
            border-radius: 10px;
            transition-duration: .25s;
            white-space: nowrap;
            flex-shrink: 0
        }

        .header-btn-login:hover {
            color: #fff;
            background: hsla(0, 0%, 100%, .05)
        }

        .header-btn-register {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            height: var(--header-chip-height);
            box-sizing: border-box;
            text-decoration: none;
            background: #9acd90;
            color: #27292e;
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
            padding: 0 12px;
            border-radius: 10px;
            transition-duration: .25s;
            white-space: nowrap;
            flex-shrink: 0
        }

        .header-btn-register:hover {
            background: #b5ddb0
        }

        .header-btn-register svg path {
            stroke: #27292e
        }

        .header-icon-btn {
            height: 40px;
            width: 40px;
            min-width: 40px;
            padding: 0;
            border-radius: 10px;
            flex-shrink: 0
        }

        .header-search-trigger {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            height: 40px;
            min-width: 40px;
            padding: 0 8px 0 6px;
            box-sizing: border-box;
            border: none;
            border-radius: 10px;
            background: transparent;
            color: #c8ccd4;
            cursor: pointer;
            flex-shrink: 0;
            transition: background .2s ease, color .2s ease
        }

        .header-search-trigger:hover {
            background: hsla(0, 0%, 100%, .08);
            color: #fff
        }

        .header-search-trigger__icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0
        }

        .header-search-trigger__icon svg {
            width: 18px;
            height: 18px;
            display: block
        }

        .header-search-trigger__kbd {
            display: inline-flex;
            align-items: center;
            margin: 0;
            padding: 2px 5px;
            border-radius: 5px;
            border: 1px solid hsla(0, 0%, 100%, .08);
            background: hsla(0, 0%, 100%, .04);
            color: #848a9a;
            font-family: inherit;
            font-size: 9px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: .03em;
            white-space: nowrap
        }

        .header {
            --header-chip-height: 36px;
            position: relative;
            z-index: 999;
            background: linear-gradient(180deg, #1e2024 0%, rgba(30, 32, 36, 0) 72%)
        }

        .header-mobile-nav {
            margin-top: 10px
        }

        .header-mobile-nav .header-nav-box {
            padding: 4px;
            height: auto
        }

        .header-mobile-nav .header-nav {
            margin-left: 0;
            width: 100%;
            flex-direction: column;
            grid-gap: 4px;
            height: auto
        }

        .header-mobile-nav .header-nav__link,
        .header-mobile-nav .header-nav li {
            width: 100%;
            height: auto
        }

        .header-mobile-nav .header-nav__link a {
            justify-content: center;
            font-size: 15px;
            width: 100%;
            height: auto !important;
            min-height: 48px;
            box-sizing: border-box;
            color: #dadada !important;
            -webkit-text-fill-color: #dadada !important
        }

        .header-mobile-nav .header-nav__link:not(.header-nav__link--pill) a:hover {
            color: #fff !important;
            -webkit-text-fill-color: #fff !important
        }

        .header-mobile-nav .header-nav__link--pill a {
            color: #27292e !important;
            -webkit-text-fill-color: #27292e !important
        }

        .header-mobile-search-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            min-height: 48px;
            margin: 0;
            padding: 0 16px;
            border: none;
            border-radius: 10px;
            background: hsla(0, 0%, 100%, .04);
            color: #dadada;
            font: inherit;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer
        }

        .header-mobile-search-btn svg {
            width: 20px;
            height: 20px;
            flex-shrink: 0
        }

        .header-mobile-search-btn:hover {
            color: #fff;
            background: hsla(0, 0%, 100%, .08)
        }

        [x-cloak] {
            display: none !important
        }

        .header-topbar {
            background: #1e2024;
            border-bottom: 1px solid hsla(0, 0%, 100%, .05);
            font-size: 11px;
            line-height: 1.3;
            color: #848a9a
        }

        .header-topbar__inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            min-height: 36px;
            padding-top: 6px;
            padding-bottom: 6px
        }

        .header-topbar__group {
            display: flex;
            align-items: center;
            gap: 12px;
            min-width: 0
        }

        .header-topbar__group--right {
            justify-content: flex-end
        }

        .header-topbar__item {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap
        }

        .header-topbar__item strong {
            color: #dadada;
            font-weight: 600
        }

        .header-topbar__announce {
            max-width: 42vw;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #dadada
        }

        .header-topbar__divider {
            width: 1px;
            height: 12px;
            background: hsla(0, 0%, 100%, .1);
            flex-shrink: 0
        }

        .header-topbar__status {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #9acd90;
            box-shadow: 0 0 8px rgba(154, 205, 144, .65);
            flex-shrink: 0
        }

        .header-left,
        .header-right {
            display: flex;
            align-items: center;
            height: 100%
        }

        .header-logo {
            padding-right: 25px;
            display: flex;
            align-items: center;
            position: relative;
            cursor: pointer
        }

        .header-logo:after {
            content: "";
            position: absolute;
            right: 0;
            height: 24px;
            width: 1px;
            background: hsla(0, 0%, 100%, .04)
        }

        .header-nav {
            list-style: none;
            display: flex;
            align-items: center;
            margin-left: 25px;
            grid-gap: 45px;
            height: 100%
        }

        .header-nav li {
            display: inline-block;
            height: 100%
        }

        @media screen and (min-width:1135px) {
            .header-nav li.gradient a {
                background: linear-gradient(124.78deg, #9acd90 20.49%, #80acde 79.51%);
                font-weight: 700;
                -webkit-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
                transition-duration: .25s
            }
            .header-nav li.gradient a:hover {
                font-weight: 500;
                -webkit-text-fill-color: #7fa5d1;
                transition-duration: .25s
            }
        }

        .header-nav li.active a {
            color: #fff
        }

        .header-nav li a {
            height: 100%;
            text-decoration: none;
            font-weight: 500;
            font-size: 13px;
            line-height: 19px;
            color: #dadada;
            display: flex;
            align-items: center;
            transition-duration: .25s
        }

        .header-nav li a svg {
            margin-right: 5px
        }

        .header-nav li a:hover {
            color: #7fa5d1;
            transition-duration: .25s
        }

        .header-nav-box .header-nav li a:hover {
            color: inherit
        }

        .header-nav-box .header-nav li a {
            height: 100%;
            font-size: 12px;
            line-height: 1 !important
        }

        .header-nav li a.active {
            color: #fff;
            transition-duration: .25s
        }

        @media screen and (max-width:1320px) {
            .header-nav-box .header-nav__link a {
                padding: 0 10px
            }
        }

        @media screen and (min-width:1136px) {
            .header-burger {
                display: none !important
            }
        }

        @media screen and (max-width:1135px) {
            .header-pill {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 10px 12px;
                gap: 8px;
                min-height: auto
            }
            .header-pill__left {
                flex: 1 1 auto;
                min-width: 0;
                overflow: hidden;
                z-index: 1
            }
            .header-pill__right {
                flex: 0 0 auto;
                max-width: min(70%, calc(100% - 100px));
                z-index: 2
            }
            .header-pill__nav {
                display: none !important
            }
            .header-mobile-nav {
                position: relative;
                z-index: 1000
            }
            .header-online {
                display: none
            }
            .header-actions {
                flex-wrap: nowrap;
                gap: 4px 6px
            }
            .header-actions .header-currency,
            .header-actions > .header-button.header-icon-btn,
            .header-actions .header-search-trigger {
                display: none
            }
            .header-pill .header-logo {
                min-width: 0;
                flex-shrink: 1
            }
            .header-pill .header-logo img {
                display: block;
                height: 26px;
                width: auto;
                max-width: min(132px, 34vw);
                object-fit: contain
            }
            .header .header-burger {
                height: 100%;
                display: flex !important;
                align-items: center;
                cursor: pointer;
                padding: 0 6px 0 0;
                flex-shrink: 0;
                position: relative;
                z-index: 1
            }
            .header .header-logo {
                display: flex
            }
            .header .header-logo:after {
                display: none
            }
            .header-mobile-nav .header-nav-box {
                height: auto !important;
                min-height: 0;
                padding: 8px
            }
            .header-mobile-nav .header-nav {
                display: flex !important;
                flex-direction: column !important;
                flex-wrap: nowrap !important;
                gap: 4px;
                padding: 0 !important;
                margin-left: 0 !important;
                height: auto !important;
                background: transparent !important;
                border-radius: 0
            }
            .header-mobile-nav .header-nav__link,
            .header-mobile-nav .header-nav li {
                width: 100% !important;
                height: auto !important;
                display: block !important;
                padding: 0 !important;
                text-align: center
            }
            .header-mobile-nav .header-nav__link a,
            .header-mobile-nav .header-nav li a {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 100% !important;
                height: auto !important;
                min-height: 48px !important;
                padding: 12px 16px !important;
                font-size: 15px !important;
                line-height: 1.3 !important;
                border-radius: 10px
            }
        }

        @media screen and (max-width:900px) {
            .header-topbar__group--right .header-topbar__item:not(.header-topbar__announce) {
                display: none
            }
            .header-topbar__group--right .header-topbar__divider {
                display: none
            }
        }

        @media screen and (max-width:780px) {
            .header-topbar__group:first-child .header-topbar__divider,
            .header-topbar__group:first-child .header-topbar__item:last-child {
                display: none
            }
            .header-topbar__announce {
                max-width: 72vw
            }
            .header-btn-login {
                padding: 6px 8px;
                font-size: 11px
            }
            .header-btn-register {
                height: 32px;
                padding: 0 8px;
                font-size: 11px;
                gap: 4px
            }
            .header-btn-register svg {
                width: 14px;
                height: 14px
            }
            .header-pill .header-logo img {
                max-width: min(108px, 26vw);
                height: 22px
            }
            .header-content--pill {
                padding-left: 0;
                padding-right: 0
            }
            .header-content--pill > .container {
                padding-left: 12px;
                padding-right: 12px
            }
        }

        @media screen and (max-width:530px) {
            .header-topbar__group:first-child {
                display: none
            }
        }

        .header-hint {
            min-height: 54px;
            background: linear-gradient(90deg, #7cd5ae, #aeae88 28.02%, #5090b2 53.35%, #82a1c5 71.78%, #50808e);
            display: flex;
            justify-content: center;
            align-items: center
        }

        .header-hint .container {
            justify-content: space-between
        }

        .header-hint .container,
        .header-hint__content {
            display: flex;
            align-items: center;
            height: 100%
        }

        .header-hint__content p {
            margin-left: 10px;
            font-weight: 500;
            font-size: 13px;
            line-height: 19px;
            letter-spacing: .009em;
            color: #fff
        }

        .header-hint__content a {
            margin-left: 15px;
            text-transform: uppercase;
            font-weight: 800;
            font-size: 12px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #fff;
            text-decoration: none;
            opacity: .68;
            transition-duration: .25s
        }

        .header-hint__content a:hover {
            opacity: 1;
            transition-duration: .25s
        }

        .header-hint__controls button {
            background: transparent;
            margin-left: 11px;
            opacity: .68;
            cursor: pointer;
            transition-duration: .25s
        }

        .header-hint__controls button:disabled {
            opacity: .24;
            transition-duration: .25s
        }

        .header-hint__controls button:disabled:hover {
            opacity: .24
        }

        .header-hint__controls button:hover {
            opacity: 1;
            transition-duration: .25s
        }

        .header-search {
            width: 100%;
            position: absolute;
            top: 0;
            z-index: 999;
            margin-top: 30px
        }

        .header-search .input-searchbar {
            background: #2a2c32;
            position: absolute;
            right: 0;
            top: 0
        }

        .header-search__wrapper {
            position: fixed;
            z-index: 1;
            left: 0;
            width: 100vw
        }

        .header-search__wrapper .container {
            position: relative
        }

        .header-search__items {
            border-bottom: 2px solid hsla(0, 0%, 100%, .04);
            padding-bottom: 10px;
            overflow: auto;
            max-height: 310px
        }

        .header-search__items::-webkit-scrollbar {
            width: 1px
        }

        .header-search__items::-webkit-scrollbar-track {
            background: hsla(0, 0%, 100%, .04)
        }

        .header-search__items::-webkit-scrollbar-thumb {
            background: #51555f
        }

        .header-search__items .product-item {
            background: transparent;
            margin-top: 10px
        }

        .header-search__items .product-item:first-child {
            margin: 0
        }

        .header-search__container {
            margin-top: 87px;
            background: #27292e;
            border-radius: 12px;
            padding: 20px 20px 30px
        }

        .header-search__queries {
            margin-top: 10px;
            padding: 10px 10px 0
        }

        .header-search__queries p {
            font-weight: 600;
            font-size: 13px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #e5e5e5;
            margin-bottom: 15px
        }

        .header-search__queries .tag {
            height: 38px;
            padding: 0 16px;
            font-size: 12px;
            line-height: 135%;
            transition-duration: .25s;
            cursor: pointer
        }

        .header-search__queries .tag:hover {
            background: hsla(0, 0%, 100%, .04);
            border: 2px solid transparent !important;
            color: #e5e5e5;
            transition-duration: .25s
        }

        .hint {
            width: 100%;
            min-height: 64px;
            border-radius: 12px;
            background: linear-gradient(90deg, #4293dd, #7b61ff);
            display: flex;
            justify-content: center;
            align-items: center
        }

        .hint svg {
            margin-right: 15px
        }

        .hint p {
            font-weight: 400;
            font-size: 12px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #fff
        }

        .input-checkbox {
            width: 42px;
            height: 24px;
            display: flex;
            align-items: center;
            background: #202227;
            border-radius: 100px;
            position: relative;
            transition-duration: .25s;
            cursor: pointer
        }

        .input-checkbox:after {
            content: "";
            position: absolute;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: #fff;
            left: 3px;
            transition-duration: .25s
        }

        .input-checkbox.active {
            background: rgba(67, 149, 244, .12);
            transition-duration: .25s
        }

        .input-checkbox.active:after {
            background: #4395f4;
            margin-left: calc(100% - 24px);
            transition-duration: .25s
        }

        .input-searchbar {
            width: 100%;
            display: grid;
            grid-template-columns: 37px 1fr 25px;
            grid-gap: 15px;
            background: hsla(0, 0%, 100%, .04);
            border-radius: 12px;
            height: 72px;
            align-items: center;
            padding: 0 25px
        }

        .input-searchbar__icon {
            border-right: 1px solid hsla(0, 0%, 100%, .04);
            padding-right: 15px
        }

        .input-searchbar__icon svg {
            width: 22px;
            height: 22px
        }

        .input-searchbar__clear {
            cursor: pointer
        }

        .input-searchbar__clear svg {
            width: 100%;
            height: 100%
        }

        .input-searchbar__clear svg path {
            transition-duration: .25s
        }

        .input-searchbar__clear:hover svg path {
            stroke: #fff;
            transition-duration: .25s
        }

        .input-searchbar input {
            height: 100%;
            background: transparent;
            color: #e5e5e5
        }

        .input-searchbar input::-moz-placeholder {
            font-weight: 500;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: .009em
        }

        .input-searchbar input:-ms-input-placeholder {
            font-weight: 500;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: .009em
        }

        .input-searchbar input,
        .input-searchbar input::placeholder {
            font-weight: 500;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: .009em
        }

        .input-searchbar input::-moz-placeholder {
            color: #51555f
        }

        .input-searchbar input:-ms-input-placeholder {
            color: #51555f
        }

        .input-searchbar input::placeholder {
            color: #51555f
        }

        .media-preview {
            position: fixed;
            z-index: 999;
            width: 100vw;
            height: 100vh;
            top: 0
        }

        .media-preview .overlay {
            z-index: 1
        }

        .media-preview__popup {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            height: 100%;
            width: 100%
        }

        .media-preview__popup button,
        .media-preview__popup img {
            position: relative;
            z-index: 2
        }

        .media-preview__popup img {
            max-width: 70vw;
            max-height: 90vh
        }

        .media-preview__popup button {
            padding: 0 20px;
            height: 100vh;
            background: transparent;
            cursor: pointer
        }

        .media-preview__popup button svg {
            width: 40px;
            height: 40px
        }

        .media-preview__popup button svg path {
            stroke: #848a9a;
            transition-duration: .25s
        }

        .media-preview__popup button:hover svg path {
            stroke: #e5e5e5;
            transition-duration: .25s
        }

        .media-preview__popup button:first-child {
            transform: rotate(180deg)
        }

        @media screen and (max-width:623px) {
            .media-preview img {
                max-width: 100vw !important
            }
            .media-preview button {
                position: absolute;
                z-index: 3;
                width: 20vw
            }
            .media-preview button svg {
                display: none
            }
            .media-preview button:first-child {
                left: 0
            }
            .media-preview button:last-child {
                right: 0
            }
        }

        .media-slider {
            height: 150px;
            display: grid;
            grid-template-columns: 20px 1fr 20px
        }

        .media-slider,
        .media-slider__content {
            width: 100%;
            max-width: 100%;
            grid-gap: 10px
        }

        .media-slider__content {
            display: flex;
            gap: 10px;
            overflow: hidden
        }

        .media-slider__button {
            background: #25282e;
            height: 100%;
            width: 20px;
            border-radius: 6px;
            transition-duration: .25s;
            cursor: pointer
        }

        .media-slider__button:disabled {
            opacity: .48;
            transition-duration: .25s
        }

        .media-slider__button:disabled:hover {
            background: #25282e
        }

        .media-slider__button path {
            stroke: #848a9a
        }

        .media-slider__button:hover {
            background: #31343c;
            transition-duration: .25s
        }

        .media-slider__card {
            min-width: 230px;
            height: 100%;
            background-size: cover;
            background-position: 50%;
            position: relative;
            overflow: hidden;
            border-radius: 12px;
            transition-duration: .25s;
            cursor: pointer
        }

        .media-slider__card-icon {
            padding: 4px;
            background: rgba(21, 24, 35, .28);
            border-radius: 6px;
            position: absolute;
            top: 10px;
            left: 10px;
            display: flex
        }

        .media-slider__card.image:after {
            content: "";
            width: 100%;
            height: 100%;
            background: rgba(37, 40, 46, .15);
            position: absolute;
            left: 0;
            top: 0;
            transition-duration: .25s
        }

        .media-slider__card.image:hover:after {
            background: rgba(127, 165, 209, .25);
            transition-duration: .25s
        }

        .page-head {
            width: 100vw;
            background-image: url(/images/bg-item.png);
            background-size: cover;
            background-position: 50%;
            position: relative
        }

        .page-head .container {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            text-align: center
        }

        .page-head .container h1 {
            font-weight: 800;
            font-size: 36px;
            line-height: 43px;
            letter-spacing: .009em;
            color: #fff
        }

        .page-head .container h1 .gradient {
            font-weight: 850;
            background: linear-gradient(94.29deg, #9acd90, #7b61ff);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .page-head .container p.subtitle {
            margin-top: 15px;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: .009em;
            color: #707480
        }

        .page-head .page-location {
            top: -52px;
            left: 0;
            position: absolute
        }

        .page-location {
            display: flex;
            align-items: center
        }

        .page-location svg {
            margin-right: 10px;
            margin-bottom: 3px;
            cursor: pointer
        }

        .page-location svg path {
            transition-duration: .25s
        }

        .page-location svg:hover path {
            stroke: #e5e5e5;
            transition-duration: .25s
        }

        .page-location a {
            text-decoration: none;
            color: #848a9a;
            font-weight: 500;
            font-size: 12px;
            line-height: 24px;
            letter-spacing: .015em;
            transition-duration: .25s
        }

        .page-location a:hover {
            color: #e5e5e5;
            transition-duration: .25s
        }

        .page-location a:last-child {
            color: #464850
        }

        .page-title {
            font-weight: 800;
            font-size: 24px;
            line-height: 29px;
            text-transform: capitalize;
            display: flex;
            color: #fff
        }

        .page-title svg {
            margin-right: 8px
        }

        .page-title__gradient {
            font-weight: 850;
            background: linear-gradient(94.29deg, #9acd90, #7b61ff);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .pagination {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: center;
            grid-gap: 15px;
            gap: 10px
        }

        .pagination-btn,
        .pagination a.pagination-btn,
        .pagination span.pagination-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0 22px;
            min-width: 44px;
            height: 44px;
            border-radius: 12px;
            font-weight: 500;
            font-size: 13px;
            line-height: 1;
            letter-spacing: .009em;
            color: #848a9a;
            background: transparent;
            border: 2px solid hsla(0, 0%, 100%, .04);
            box-sizing: border-box;
            transition-duration: .25s;
            cursor: pointer;
            text-decoration: none;
            vertical-align: middle
        }

        a.pagination-btn {
            text-decoration: none
        }

        a.pagination-btn:hover {
            text-decoration: none
        }

        .pagination-btn.active,
        .pagination-btn:hover {
            color: #7fa5d1;
            background: #27292e;
            border: 2px solid #27292e;
            transition-duration: .25s
        }

        .pagination span {
            font-weight: 500;
            font-size: 13px;
            line-height: 24px;
            text-align: center;
            letter-spacing: .012em;
            color: #51555f
        }

        .product-card__content .tag-container {
            margin-top: 27px
        }

        .product-card__top {
            height: 28px;
            border-radius: 6px;
            background: linear-gradient(90deg, #7cd5ae, #aeae88 28.02%, #5090b2 53.35%, #82a1c5 71.78%, #50808e);
            display: flex;
            align-items: center;
            padding: 0 8px;
            font-weight: 800;
            font-size: 10px;
            line-height: 12px;
            color: #fff;
            text-transform: uppercase;
            position: absolute;
            left: 25px;
            top: 25px
        }

        .product-card__data {
            display: grid;
            grid-template-columns: 54px 1fr;
            align-items: center;
            grid-gap: 15px
        }

        .product-card__data-content {
            text-align: left
        }

        .product-card__data-meta {
            display: flex;
            margin-top: 4px
        }

        .product-card__data-meta .product-status {
            padding-right: 10px;
            position: relative;
            display: flex;
            align-items: center
        }

        .product-card__data-meta .product-status:after {
            content: "";
            position: absolute;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #51555f;
            right: -4px
        }

        .product-card__data-meta .rating {
            padding-left: 10px
        }

        .product-item {
            background: #2a2c32;
            border-radius: 12px;
            padding: 20px;
            display: grid;
            grid-template-columns: 50px 1fr;
            grid-gap: 15px;
            align-items: center;
            margin-top: 15px;
            transition-duration: .25s;
            cursor: pointer
        }

        .product-item:first-child {
            margin: 0
        }

        .product-item:hover {
            background: hsla(0, 0%, 100%, .04);
            transition-duration: .25s
        }

        .product-item__content {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .product-item__content .card-price {
            padding-top: 0;
            text-align: right
        }

        .product-item__name {
            display: flex;
            align-items: center
        }

        .product-item__name h4 {
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: .009em;
            color: #fff;
            margin-right: 8px
        }

        .product-item__meta,
        .product-item__meta a {
            display: flex;
            align-items: center
        }

        .product-item__meta a {
            padding-right: 10px;
            text-decoration: none;
            font-weight: 500;
            font-size: 12px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #848a9a;
            position: relative
        }

        .product-item__meta a:after {
            content: "";
            position: absolute;
            right: -2px;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #51555f
        }

        .product-item__meta p {
            padding-left: 10px
        }

        .product-logo {
            border-radius: 10px;
            background-size: cover;
            background-position: 50%
        }

        p.product-status {
            font-weight: 400;
            font-size: 12px;
            line-height: 20px;
            letter-spacing: .009em;
            white-space: nowrap
        }

        p.product-status.status-0 {
            color: #9acd90
        }

        p.product-status.status-1 {
            color: #d95746
        }

        p.product-status.status-2 {
            color: #7fa5d1
        }

        p.product-status.status-3 {
            color: #d95746
        }

        div.product-status {
            display: flex;
            align-items: center;
            font-weight: 400;
            font-size: 12px;
            line-height: 17px;
            letter-spacing: .3px;
            color: #fff;
            border-radius: 12px;
            padding: 10px 16px 7px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            white-space: nowrap
        }

        div.product-status svg {
            width: 18px;
            height: 18px;
            margin-right: 6px;
            margin-bottom: 3px
        }

        div.product-status.status-0 {
            background: #9acd90
        }

        div.product-status.status-1 {
            background: #d95746
        }

        div.product-status.status-2 {
            background: #7fa5d1
        }

        div.product-status.status-3 {
            background: #d95746
        }

        .rates-item {
            justify-content: space-between;
            border: 2px solid hsla(0, 0%, 100%, .04);
            box-sizing: border-box;
            border-radius: 8px;
            height: 52px;
            padding: 0 15px;
            margin-top: 15px;
            transition-duration: .25s;
            cursor: pointer
        }

        .rates-item,
        .rates-item__col {
            display: flex;
            align-items: center
        }

        .rates-item__col p {
            font-weight: 600;
            font-size: 13px;
            line-height: 100%;
            color: #848a9a;
            transition-duration: .25s
        }

        .rates-item__col p.white {
            color: #e5e5e5;
            font-size: 14px
        }

        .rates-item__col span {
            margin-right: 5px;
            font-weight: 600;
            font-size: 12px;
            line-height: 100%;
            color: #848a9a;
            -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through
        }

        .rates-item__radio {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            border: 2px solid #848a9a;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 14px
        }

        .rates-item__radio:after {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #000;
            opacity: 0;
            transition-duration: .25s
        }

        .rates-item:hover {
            background: hsla(0, 0%, 100%, .04);
            transition-duration: .25s
        }

        .rates-item:hover p {
            color: #e5e5e5;
            transition-duration: .25s
        }

        .rates-item:hover .rates-item__radio {
            border: 2px solid #e5e5e5;
            transition-duration: .25s
        }

        .rates-item.active {
            background: #dedee8;
            transition-duration: .25s
        }

        .rates-item.active p {
            color: #000;
            transition-duration: .25s
        }

        .rates-item.active .rates-item__radio {
            border: 2px solid #000;
            transition-duration: .25s
        }

        .rates-item.active .rates-item__radio:after {
            opacity: 1;
            transition-duration: .25s
        }

        .rates-offer {
            display: flex;
            align-items: center;
            margin-top: 20px
        }

        .rates-offer p {
            margin-left: 10px;
            font-size: 13px;
            line-height: 24px
        }

        .rates-offer p a {
            color: #e5e5e5;
            transition-duration: .25s
        }

        .rates-offer p a:hover {
            color: #4395f4;
            transition-duration: .25s
        }

        .rates-price {
            margin-top: 30px
        }

        .rates-price p {
            font-weight: 800;
            font-size: 28px;
            line-height: 34px;
            color: #fff
        }

        .rates-price__old {
            font-size: 16px;
            line-height: 24px;
            margin-left: 10px;
            color: #848a9a;
            -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through
        }

        .rates-price__discount {
            background: rgba(245, 255, 164, .12);
            padding: 0 4px;
            height: 24px;
            font-weight: 600;
            font-size: 12px;
            letter-spacing: .009em;
            color: #f5ffa4;
            border-radius: 5px;
            margin-left: 6px
        }

        .rates-price__discount,
        .rates-price__discount-data {
            display: inline-flex;
            align-items: center
        }

        .rates {
            padding: 30px;
            border-radius: 12px;
            background: #26282e
        }

        .rates-hint {
            margin-top: 15px;
            font-weight: 500;
            font-size: 13px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #848a9a
        }

        .rates-items {
            margin-top: 20px
        }

        .rates button.btn {
            margin-top: 30px
        }

        .rates-regions {
            display: flex;
            border-radius: 6px;
            overflow: hidden;
            background: hsla(0, 0%, 100%, .04);
            margin-top: 30px
        }

        .rates-region {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 46px;
            position: relative;
            overflow: hidden;
            cursor: pointer
        }

        .rates-region span,
        .rates-region svg {
            position: relative;
            z-index: 1
        }

        .rates-region svg {
            margin-right: 10px
        }

        .rates-region span {
            font-weight: 500;
            font-size: 13px;
            line-height: 19px;
            letter-spacing: .009em;
            color: #848a9a;
            transition-duration: .25s
        }

        .rates-region:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            border-radius: inherit;
            top: 0;
            background: linear-gradient(96.05deg, #7fa5d1, #95b9a5);
            opacity: 0;
            transition-duration: .25s
        }

        .rates-region.active span,
        .rates-region:hover span {
            color: #fff;
            transition-duration: .25s
        }

        .rates-region.active:after {
            opacity: 1;
            transition-duration: .25s
        }

        .rating,
        .rating-comments {
            display: flex;
            align-content: center
        }

        .rating-comments svg,
        .rating svg {
            margin-right: 3px;
            width: 16px;
            height: 16px
        }

        .rating-comments p,
        .rating p {
            color: #f0c147;
            font-weight: 600;
            font-size: 12px;
            line-height: 18px;
            letter-spacing: .009em
        }

        .rating-comments svg {
            width: 18px;
            height: 18px;
            margin-right: 5px
        }

        .rating-comments p {
            color: #e5e5e5
        }

        .rating-card {
            display: flex;
            align-items: center;
            padding: 15px;
            border-radius: 12px;
            background: #222429
        }

        .rating-card .rating {
            padding-right: 15px;
            border-right: 1px solid hsla(0, 0%, 100%, .04)
        }

        .rating-card .rating-comments {
            padding-left: 15px
        }

        .rating-stars {
            height: 24px;
            display: flex;
            grid-gap: 7px;
            gap: 7px;
            align-items: center
        }

        .rating-stars svg {
            width: 24px;
            height: 24px
        }

        .rating-stars svg path {
            fill: hsla(0, 0%, 100%, .04)
        }

        .rating-stars svg.active path {
            fill: #d95746
        }

        .rating-stars svg.active.yellow path {
            fill: #f0c147
        }

        .rating-stars svg.active.green path {
            fill: #9acd90
        }

        .reviews-card {
            padding: 25px 0;
            border-bottom: 1px solid hsla(0, 0%, 100%, .04)
        }

        .reviews-card:first-child {
            padding-top: 0
        }

        .reviews-card__head {
            display: flex;
            justify-content: space-between
        }

        .reviews-card__head .rating-stars {
            height: 18px
        }

        .reviews-card__head .rating-stars svg {
            width: 18px;
            height: 18px
        }

        .reviews-card__user {
            display: flex;
            grid-gap: 15px;
            gap: 15px;
            align-items: center
        }

        .reviews-card__user .avatar {
            background-size: cover;
            background-position: 50%;
            border-radius: 12px
        }

        .reviews-card__user .user-data h4 {
            font-weight: 600;
            font-size: 16px;
            line-height: 20px;
            text-transform: capitalize;
            color: #e5e5e5
        }

        .reviews-card__user .user-data__meta {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 5px
        }

        .reviews-card__user .user-data__meta p {
            font-weight: 500;
            font-size: 12px;
            line-height: 20px;
            letter-spacing: .009em
        }

        .reviews-card__user .user-data__meta p:first-child {
            padding-right: 10px;
            color: #51555f;
            position: relative
        }

        .reviews-card__user .user-data__meta p:first-child:after {
            content: "";
            position: absolute;
            width: 4px;
            height: 4px;
            background: #51555f;
            border-radius: 50%;
            right: -2px;
            top: calc(50% - 2px)
        }

        .reviews-card__user .user-data__meta p:last-child {
            padding-left: 10px;
            color: #848a9a
        }

        .reviews-card__content {
            margin-top: 25px;
            font-size: 13px;
            line-height: 180%;
            color: #848a9a
        }

        .reviews-popup {
            width: 1100px;
            background-image: url(/images/bg-item.png);
            background-size: cover;
            background-position-y: center;
            background-position-x: 70%;
            position: relative;
            z-index: 10;
            border-radius: 12px;
            overflow: hidden
        }

        .reviews-popup .grid {
            display: grid;
            grid-template-columns: 297px 1fr;
        }

        .reviews-popup__wrapper {
            position: fixed;
            left: 0;
            top: 0;
            width: 100vw;
            height: 100vh;
            z-index: 10;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .reviews-popup__content {
            background: hsla(0, 0%, 100%, .04);
            border-radius: 12px;
            padding: 20px;
            width: 297px;
            box-sizing: border-box
        }

        .reviews-popup__content .btn-gray {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: auto !important;
            background: hsla(0, 0%, 100%, .06)
        }

        .reviews-popup__content .btn-gray:hover svg path {
            fill: #fff;
            transition-duration: .25s
        }

        .reviews-popup__content .btn-gray svg {
            margin-right: 10px;
            margin-top: -5px
        }

        .reviews-popup__content .btn-gray svg path {
            fill: #848a9a;
            transition-duration: .25s
        }

        .reviews-popup__label {
            font-weight: 600;
            font-size: 10px;
            line-height: 20px;
            color: #848a9a;
            letter-spacing: .009em;
            text-transform: uppercase
        }

        .reviews-popup__image {
            width: 64px;
            height: 64px;
            border-radius: 12px;
            background: linear-gradient(96.05deg, #7fa5d1, #95b9a5);
            background-size: cover;
            background-position: 50%;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .reviews-popup__image-content {
            position: relative
        }

        .reviews-popup__image-content input {
            position: absolute;
            width: 100%;
            height: calc(100% - 49px);
            left: 0;
            top: 0;
            z-index: 10;
            opacity: 0
        }

        .reviews-popup__image svg {
            width: 24px;
            height: 24px
        }

        .reviews-popup__image-wrapper {
            display: flex;
            justify-content: center;
            margin: 15px 0 30px
        }

        .reviews-popup__line {
            margin: 15px 0;
            text-align: center;
            font-weight: 600;
            font-size: 10px;
            line-height: 20px;
            letter-spacing: .009em;
            text-transform: uppercase;
            color: #848a9a;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .reviews-popup__line:after,
        .reviews-popup__line:before {
            content: "";
            position: absolute;
            background: hsla(0, 0%, 100%, .04);
            height: 1px;
            width: 30%
        }

        .reviews-popup__line:before {
            left: 0
        }

        .reviews-popup__line:after {
            right: 0
        }

        .reviews-popup__avatars {
            border-bottom: 1px solid hsla(0, 0%, 100%, .04);
            padding-bottom: 15px;
            margin-bottom: 15px
        }

        .reviews-popup__avatars:last-child {
            border: 0;
            padding: 0;
            margin: 0
        }

        .reviews-popup__avatars-content {
            display: grid;
            grid-template-columns: repeat(4, 50px);
            grid-gap: 15px;
            margin-top: 15px;
            overflow-y: overlay;
            max-height: 115px
        }

        .reviews-popup__avatars-content::-webkit-scrollbar {
            width: 1px
        }

        .reviews-popup__avatars-content::-webkit-scrollbar-track {
            background: hsla(0, 0%, 100%, .04)
        }

        .reviews-popup__avatars-content::-webkit-scrollbar-thumb {
            background: #51555f
        }

        .reviews-popup__avatars-content .avatar {
            cursor: pointer;
            border-radius: 12px;
            position: relative
        }

        .reviews-popup__avatars-content .avatar:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            border: 3px solid #4395f4;
            border-radius: 12px;
            opacity: 0;
            transition-duration: .25s
        }

        .reviews-popup__avatars-content .avatar.active:after,
        .reviews-popup__avatars-content .avatar:hover:after {
            opacity: 1;
            transition-duration: .25s
        }

        .reviews-popup__form {
            padding: 30px;
            width: 100%;
            box-sizing: border-box
        }

        .reviews-popup__form-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            margin-bottom: 30px
        }

        .reviews-popup__form-title h2 {
            font-size: 18px;
            line-height: 24px
        }

        .reviews-popup__form-title h2 svg {
            width: 24px;
            height: 24px
        }

        .reviews-popup__form-title .close {
            cursor: pointer
        }

        .reviews-popup__form-title .close svg path {
            stroke: #848a9a;
            transition-duration: .25s
        }

        .reviews-popup__form-title .close:hover svg path {
            stroke: #e5e5e5;
            transition-duration: .25s
        }

        .reviews-popup__form p {
            font-size: 12px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #848a9a
        }

        .reviews-popup__form .input {
            margin-bottom: 20px
        }

        .reviews-popup__form-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 20px 0 13px
        }

        .reviews-popup__form-footer .btn-gradient {
            width: 130px
        }

        .reviews-popup__form-footer .marks {
            display: flex;
            cursor: pointer
        }

        .reviews-popup__form-footer .marks-item {
            padding: 0 2px
        }

        .reviews-popup__form-footer .marks-item:first-child {
            padding-left: 0
        }

        .reviews-popup__form-footer .marks-item svg {
            width: 38px;
            height: 38px;
            cursor: pointer
        }

        .reviews-popup__form-footer .marks-item svg path {
            fill: hsla(0, 0%, 100%, .08);
            transition-duration: .25s
        }

        .reviews-popup__form-footer .marks-item.active svg path {
            fill: #f0c147;
            transition-duration: .25s
        }

        @media screen and (max-width:890px) {
            .reviews-popup {
                width: 100%
            }
        }

        @media screen and (max-width:720px) {
            .reviews-popup {
                height: 100%;
                grid-template-columns: 1fr !important;
                flex-direction: column-reverse;
                overflow-y: overlay
            }
            .reviews-popup__avatars-content {
                grid-template-columns: repeat(auto-fill, 50px)
            }
            .reviews-popup__content {
                width: 100%
            }
            .reviews-popup .close {
                position: absolute;
                top: 20px;
                right: 20px
            }
        }

        @media screen and (max-width:416px) {
            .reviews-popup__form-footer {
                flex-wrap: wrap;
                justify-content: center
            }
            .reviews-popup__form-footer .btn-gradient {
                width: 100%;
                margin-top: 10px
            }
        }

        .reviews {
            padding: 20px
        }

        .reviews .show-more {
            width: 100%;
            margin-top: 30px;
            color: #848a9a
        }

        .reviews-statistic {
            display: grid;
            grid-template-columns: 80px 1fr 170px;
            align-items: center;
            grid-gap: 30px;
            padding: 27px 30px;
            background: hsla(0, 0%, 100%, .03);
            border-radius: 12px;
            margin-bottom: 30px
        }

        .reviews-statistic__value {
            font-weight: 800;
            font-size: 48px;
            line-height: 100%;
            text-transform: capitalize;
            color: #fff;
            display: flex;
            align-items: center
        }

        .reviews-statistic__rating .stars {
            height: 24px
        }

        .reviews-statistic__rating .stars svg {
            width: 24px;
            height: 24px
        }

        .reviews-statistic__rating .stars svg path {
            fill: hsla(0, 0%, 100%, .04)
        }

        .reviews-statistic__rating .stars svg.active path {
            fill: #d95746
        }

        .reviews-statistic__rating p {
            font-weight: 500;
            font-size: 13px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #848a9a;
            margin-top: 10px
        }

        .reviews-statistic__rating p span {
            color: #e5e5e5;
            margin-top: 10px
        }

        .tag-container {
            display: flex;
            grid-gap: 8px;
            gap: 8px;
            overflow-x: auto
        }

        .tag-container::-webkit-scrollbar {
            display: none
        }

        .tag {
            text-decoration: none;
            padding: 0 8px;
            height: 28px;
            display: flex;
            align-items: center;
            border: 2px solid hsla(0, 0%, 100%, .04);
            box-sizing: border-box;
            border-radius: 12px;
            color: #5c606b;
            font-weight: 600;
            font-size: 11px;
            line-height: 20px;
            letter-spacing: .009em;
            white-space: nowrap;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .catalog-items {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
            gap: 20px
        }

        .catalog-items--cards {
            gap: 18px
        }

        .home .catalog-items--cards {
            margin-top: 26px
        }

        .catalog-items__cell {
            min-width: 0;
            height: 100%
        }

        .catalog-items__cell .catalog-card {
            height: 100%
        }

        .home-catalog__filters {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 22px;
            padding: 6px;
            border: 1px solid hsla(0, 0%, 100%, .07);
            border-radius: 10px;
            background: hsla(0, 0%, 100%, .02)
        }

        .home-catalog__filter {
            appearance: none;
            border: 1px solid transparent;
            background: transparent;
            color: #9ca3af;
            border-radius: 6px;
            padding: 9px 14px;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: .01em;
            line-height: 1.2;
            cursor: pointer;
            transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease
        }

        .home-catalog__filter:hover {
            color: #d1d5db;
            background: hsla(0, 0%, 100%, .04);
            border-color: hsla(0, 0%, 100%, .08)
        }

        .home-catalog__filter.is-active {
            color: #e8f5ec;
            background: hsla(136, 38%, 66%, .14);
            border-color: hsla(136, 38%, 66%, .32);
            box-shadow: inset 0 0 0 1px hsla(136, 38%, 66%, .12)
        }

        .catalog-spotlight-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 22px;
            margin-top: 24px
        }

        .catalog-spotlight-grid__cell {
            min-width: 0;
            height: 100%
        }

        .catalog-spotlight-grid__cell .catalog-showcase {
            height: 100%
        }

        .catalog-showcase {
            position: relative;
            display: block;
            min-height: 340px;
            border-radius: 20px;
            overflow: hidden;
            text-decoration: none;
            color: #fff;
            border: 1px solid hsla(0, 0%, 100%, .06);
            background: #1d1e23;
            transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease
        }

        .catalog-showcase:hover {
            transform: translateY(-4px);
            border-color: hsla(136, 38%, 66%, .35);
            box-shadow: 0 20px 44px rgba(0, 0, 0, .38)
        }

        .catalog-showcase__bg {
            position: absolute;
            inset: 0;
            background-position: center;
            background-size: cover;
            transform: scale(1.02);
            transition: transform .45s ease
        }

        .catalog-showcase:hover .catalog-showcase__bg {
            transform: scale(1.06)
        }

        .catalog-showcase__overlay {
            position: absolute;
            inset: 0;
            background:
                linear-gradient(180deg, rgba(12, 13, 17, .35) 0%, rgba(12, 13, 17, .2) 28%, rgba(12, 13, 17, .88) 72%, rgba(12, 13, 17, .96) 100%),
                linear-gradient(90deg, rgba(12, 13, 17, .55) 0%, rgba(12, 13, 17, .15) 55%, rgba(12, 13, 17, .45) 100%)
        }

        .catalog-showcase__inner {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 20px;
            min-height: 340px;
            padding: 20px 22px 22px
        }

        .catalog-showcase__top {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 10px
        }

        .catalog-showcase__pill {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 7px 12px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 700;
            line-height: 1;
            white-space: nowrap;
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px)
        }

        .catalog-showcase__pill--status {
            color: #e8ebf2;
            background: rgba(15, 16, 20, .55);
            border: 1px solid hsla(0, 0%, 100%, .1)
        }

        .catalog-showcase__pill-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #9acd90;
            box-shadow: 0 0 10px rgba(154, 205, 144, .65)
        }

        .catalog-showcase__pill--rank {
            margin-left: auto;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: .04em;
            font-size: 10px;
            background: rgba(15, 16, 20, .72);
            border: 1px solid hsla(136, 38%, 66%, .35)
        }

        .catalog-showcase__main {
            margin-top: auto
        }

        .catalog-showcase__tags {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;
            margin-bottom: 10px;
            font-size: 12px;
            color: #a8adb8
        }

        .catalog-showcase__tag--accent {
            color: #9acd90;
            font-weight: 700
        }

        .catalog-showcase__title {
            margin: 0;
            font-weight: 800;
            font-size: clamp(22px, 2.2vw, 30px);
            line-height: 1.12;
            letter-spacing: -.02em
        }

        .catalog-showcase__desc {
            margin: 10px 0 0;
            max-width: 95%;
            font-size: 13px;
            line-height: 1.6;
            color: #b4bac7;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

        .catalog-showcase__foot {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 16px;
            padding-top: 18px;
            border-top: 1px solid hsla(0, 0%, 100%, .08)
        }

        .catalog-showcase__price {
            padding-bottom: 4px
        }

        .catalog-showcase__price-label {
            display: block;
            font-size: 11px;
            font-weight: 600;
            color: #b4b9c6;
            margin-bottom: 5px
        }

        .catalog-showcase__price-value {
            font-weight: 800;
            font-size: clamp(20px, 2vw, 26px);
            line-height: 1.1;
            letter-spacing: -.02em;
            color: #f0f3f5
        }

        .catalog-showcase__cta {
            flex-shrink: 0;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 12px 18px;
            border-radius: 12px;
            font-size: 13px;
            font-weight: 700;
            color: #0f1115;
            background: linear-gradient(94.29deg, #9acd90 0%, #88cca6 100%);
            box-shadow: 0 10px 28px rgba(154, 205, 144, .25);
            transition: box-shadow .25s ease, transform .2s ease
        }

        .catalog-showcase:hover .catalog-showcase__cta {
            box-shadow: 0 12px 32px rgba(154, 205, 144, .35)
        }

        @media screen and (max-width:960px) {
            .catalog-spotlight-grid {
                grid-template-columns: 1fr
            }

            .catalog-showcase,
            .catalog-showcase__inner {
                min-height: 300px
            }
        }

        @media screen and (max-width:560px) {
            .catalog-showcase__foot {
                flex-direction: column;
                align-items: stretch
            }

            .catalog-showcase__cta {
                justify-content: center
            }

            .catalog-showcase__desc {
                max-width: 100%
            }
        }

        .catalog-card {
            position: relative;
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: inherit;
            background: #1d1e23;
            border: 1px solid hsla(0, 0%, 100%, .06);
            border-radius: 16px;
            overflow: hidden;
            transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease
        }

        .catalog-card:hover {
            transform: translateY(-3px);
            border-color: hsla(136, 38%, 66%, .3);
            box-shadow: 0 14px 32px rgba(0, 0, 0, .3)
        }

        .catalog-card__media {
            position: relative;
            overflow: hidden;
            aspect-ratio: 16 / 10;
            background: #14151a
        }

        .catalog-card__media::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 42%;
            background: linear-gradient(180deg, rgba(29, 30, 35, 0) 0%, #1d1e23 100%);
            pointer-events: none
        }

        .catalog-card__cover {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            object-position: center center;
            transition: transform .45s ease
        }

        .catalog-card__cover--empty {
            min-height: 100%;
            background: linear-gradient(135deg, rgba(35, 37, 42, .95) 0%, rgba(24, 25, 30, .98) 100%)
        }

        .catalog-card:hover .catalog-card__cover:not(.catalog-card__cover--empty) {
            transform: scale(1.05)
        }

        .catalog-card__content {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 14px 16px 16px
        }

        .catalog-card__head {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0
        }

        .catalog-card__logo {
            flex-shrink: 0;
            width: 28px;
            height: 28px;
            object-fit: contain
        }

        .catalog-card__title {
            margin: 0;
            font-weight: 800;
            font-size: 15px;
            line-height: 1.3;
            color: #fff
        }

        .catalog-card__meta {
            margin: 0;
            font-size: 11px;
            line-height: 1.5;
            color: #a8adb8
        }

        .catalog-card__meta-ok {
            color: #9acd90;
            font-weight: 600
        }

        .catalog-card__foot {
            margin-top: auto;
            padding-top: 10px;
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 12px
        }

        .catalog-card__price {
            min-width: 0
        }

        .catalog-card__price-label {
            display: block;
            font-size: 10px;
            font-weight: 600;
            letter-spacing: .04em;
            text-transform: uppercase;
            color: #51555f;
            margin-bottom: 2px
        }

        .catalog-card__price-value {
            font-weight: 800;
            font-size: 16px;
            line-height: 1.1;
            letter-spacing: -.02em;
            color: #fff
        }

        .catalog-card__link {
            flex-shrink: 0;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-size: 12px;
            font-weight: 700;
            color: #88cca6;
            transition: color .2s ease, gap .2s ease
        }

        .catalog-card:hover .catalog-card__link {
            color: #9acd90;
            gap: 6px
        }

        @media screen and (max-width: 480px) {
            .catalog-card__foot {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px
            }
        }

        .catalog-head {
            width: 100%
        }

        .catalog-head__content {
            max-width: 430px;
            margin: 0 auto
        }

        .catalog-head .input-searchbar {
            margin-top: 48px
        }

        @media screen and (max-width:670px) {
            .catalog-items {
                justify-content: center
            }
        }

        .contacts-card {
            display: flex;
            align-items: center;
            grid-gap: 30px;
            gap: 30px;
            padding: 30px;
            background: hsla(0, 0%, 100%, .04);
            border-radius: 12px;
            text-decoration: none;
            transition-duration: .25s
        }

        .contacts-card svg {
            min-width: 48px;
            height: 48px
        }

        .contacts-card svg path {
            fill: #848a9a
        }

        .contacts-card__content p:first-child {
            font-size: 10px;
            line-height: 20px;
            letter-spacing: .009em;
            text-transform: uppercase;
            color: #848a9a
        }

        .contacts-card__content p:last-child {
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #7fa5d1;
            margin-top: 8px
        }

        .contacts-card:hover {
            background: #27292e;
            transition-duration: .25s
        }

        .contacts-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 30px;
            padding-bottom: 80px;
            border-bottom: 1px solid hsla(0, 0%, 100%, .04)
        }

        .contacts-data {
            margin-top: 80px
        }

        .contacts-data h4 {
            font-weight: 800;
            font-size: 14px;
            line-height: 17px;
            color: #e5e5e5;
            margin-bottom: 30px
        }

        .contacts-data p {
            font-size: 18px;
            line-height: 160%;
            letter-spacing: .009em;
            color: #e5e5e5
        }

        @media screen and (max-width:973px) {
            .contacts-cards {
                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
            }
        }

        .error {
            width: 100vw;
            height: calc(100vh - 132px);
            background-image: url(/images/error.png);
            background-size: cover;
            background-position: 50%;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .error-content {
            position: relative;
            z-index: 1;
            text-align: center;
            margin-top: 7vh
        }

        .error-content h1 {
            font-weight: 800;
            font-size: 22vh;
            line-height: 22vh
        }

        .error-content p {
            font-weight: 800;
            font-size: 2.2vh;
            line-height: 100%;
            margin-bottom: 30px
        }

        .faq-card {
            background: #222227;
            border-radius: 12px;
            padding: 30px
        }

        .faq-card__icon {
            width: 52px;
            height: 52px;
            background-size: cover;
            background-position: 50%
        }

        .faq-card__content {
            display: grid;
            grid-template-columns: 52px 1fr;
            grid-gap: 20px;
            align-items: center;
            padding-bottom: 30px;
            border-bottom: 1px solid hsla(0, 0%, 100%, .04)
        }

        .faq-card__data p:first-child {
            font-size: 10px;
            line-height: 20px;
            letter-spacing: .009em;
            text-transform: uppercase;
            color: #848a9a
        }

        .faq-card__data p:last-child {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #fff;
            margin-top: 8px
        }

        .faq-card__footer {
            padding-top: 30px
        }

        .faq-card__footer a {
            text-decoration: none;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 600;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: .009em;
            color: #848a9a;
            background: hsla(0, 0%, 100%, .06);
            border-radius: 12px;
            padding: 0 25px;
            height: 44px;
            transition-duration: .25s;
            cursor: pointer
        }

        .faq-card__footer a svg {
            margin-right: 10px
        }

        .faq-card__footer a svg path {
            transition-duration: .25s
        }

        .faq-card__footer a:hover {
            color: #fff;
            background: #7fa5d1;
            transition-duration: .25s
        }

        .faq-card__footer a:hover svg path {
            fill: #fff;
            transition-duration: .25s
        }

        .faq-card__footer p {
            background: rgba(111, 207, 151, .06);
            padding: 10px;
            color: #6fcf97;
            border-radius: 6px;
            font-weight: 500;
            font-size: 10px;
            line-height: 12px;
            letter-spacing: .009em;
            text-transform: uppercase;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .faq-card.with-hint .faq-card__footer {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .faq .product-row {
            padding: 80px 0
        }

        .faq-cards,
        .faq .product-row .product-hint {
            margin-top: 30px
        }

        .faq-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 30px
        }

        .faq-cards.four-cols {
            grid-template-columns: repeat(4, 1fr)
        }

        .faq-help__cards {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 30px
        }

        .faq-help__card {
            padding: 50px 60px;
            text-align: center;
            background-size: cover;
            background-position: 50%;
            border-radius: 12px
        }

        .faq-help__card-buttons {
            display: flex;
            justify-content: center;
            grid-gap: 20px;
            gap: 20px
        }

        .faq-help__card h3 {
            font-weight: 800;
            font-size: 32px;
            line-height: 150%;
            color: #fff
        }

        .faq-help__card h3 .gradient {
            background: linear-gradient(94.29deg, #9acd90, #7b61ff);
            font-weight: 850;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .faq-help__card p {
            margin-top: 15px;
            font-size: 13px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #e5e5e5;
            margin-bottom: 30px
        }

        .faq-help__card a {
            padding: 0 25px;
            height: 50px;
            display: inline-flex;
            align-items: center;
            border-radius: 12px;
            text-decoration: none;
            font-weight: 600;
            letter-spacing: .009em;
            cursor: pointer
        }

        .faq-help__card a svg {
            margin-right: 15px
        }

        .faq-help__card:first-child {
            background-image: url(/images/faq/bg-support.png)
        }

        .faq-help__card:first-child a {
            background: #fff;
            font-size: 12px;
            line-height: 20px;
            color: #222429;
            transition-duration: .25s
        }

        .faq-help__card:first-child a:hover {
            background: #222429;
            color: #fff;
            transition-duration: .25s
        }

        .faq-help__card:last-child {
            background-image: url(/images/faq/bg-contacts.png)
        }

        .faq-help__card:last-child a {
            border: 2px solid #2d3037;
            box-sizing: border-box;
            font-size: 12px;
            line-height: 14px;
            color: #848a9a;
            transition-duration: .25s
        }

        .faq-help__card:last-child a svg path {
            fill: #848a9a;
            transition-duration: .25s
        }

        .faq-help__card:last-child a:hover {
            background: hsla(0, 0%, 100%, .04);
            border: 2px solid transparent;
            color: #e5e5e5;
            transition-duration: .25s
        }

        .faq-help__card:last-child a:hover path {
            fill: #e5e5e5;
            transition-duration: .25s
        }

        @media screen and (max-width:1200px) {
            .faq-cards {
                grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)) !important
            }
            .faq-help__card {
                box-sizing: border-box
            }
            .faq-help__cards {
                grid-template-columns: 1fr !important
            }
        }

        @media screen and (max-width:560px) {
            .faq-help__card {
                padding: 30px
            }
        }

        @media screen and (max-width:470px) {
            .faq-help__card {
                width: 100%
            }
            .faq-help__card h3 {
                font-size: 26px
            }
            .faq-help__card-buttons {
                flex-wrap: wrap
            }
            .faq-help__card-buttons a {
                width: 100%;
                justify-content: center
            }
        }

        .game-head {
            max-width: 890px
        }

        .game-head__icon {
            width: 66px;
            height: 66px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto 25px
        }

        .game-head__icon img {
            width: 36px
        }

        .game-head__icon svg {
            position: absolute;
            bottom: 0
        }

        .game-head__icon-content {
            position: relative;
            z-index: 1;
            border-radius: 50%;
            background: #d95746;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .home-head {
            position: relative;
            overflow: hidden;
            background: transparent
        }

        .home-head--hero {
            padding-bottom: 0;
            overflow: visible
        }

        .home-head__shell {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 36px
        }

        .home-head__center {
            width: 100%;
            max-width: 920px;
            margin: 0 auto;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            z-index: 2
        }

        .home-head__badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 16px;
            margin-bottom: 22px;
            border-radius: 999px;
            background: hsla(0, 0%, 100%, .04);
            border: 1px solid hsla(0, 0%, 100%, .06);
            font-weight: 700;
            font-size: 12px;
            line-height: 150%;
            text-decoration: none;
            background-image: linear-gradient(90deg, #7cd5ae, #aeae88 28.02%, #5090b2 53.35%, #82a1c5 71.78%, #50808e);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .home-head__badge-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #9acd90;
            box-shadow: 0 0 12px rgba(154, 205, 144, .75);
            flex-shrink: 0;
            -webkit-text-fill-color: initial
        }

        .home-head__title {
            font-weight: 800;
            font-size: clamp(32px, 5vw, 52px);
            line-height: 1.25;
            color: #fff;
            margin: 0 0 16px;
            max-width: 880px
        }

        .home-head__title-line {
            display: block
        }

        .home-head__title-accent {
            display: block;
            background: linear-gradient(94deg, #9acd90 0%, #7cd5ae 35%, #5090b2 70%, #82a1c5 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .home-head__subtitle {
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .009em;
            color: #848a9a;
            max-width: 640px;
            margin: 0 0 28px
        }

        .home-head__search-wrap {
            width: 100%;
            max-width: 760px;
            position: relative;
            z-index: 40
        }

        .home-head__search {
            width: 100%
        }

        .home-head__searchbar {
            width: 100%;
            height: 58px;
            padding: 0 18px;
            grid-template-columns: 34px 1fr auto;
            border: 1px solid hsla(0, 0%, 100%, .07);
            box-shadow: none
        }

        .home-head__searchbar:focus-within {
            border-color: hsla(0, 0%, 100%, .12);
            box-shadow: none
        }

        .home-head__search-shortcut {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: 8px;
            color: #51555f;
            background: hsla(0, 0%, 100%, .04);
            border: 1px solid hsla(0, 0%, 100%, .06);
            flex-shrink: 0
        }

        .home-head__tags {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin-top: 14px
        }

        .home-head__tags-label {
            font-size: 12px;
            color: #51555f;
            margin-right: 4px
        }

        .home-head__tag {
            font-size: 12px;
            font-weight: 600;
            color: #848a9a;
            text-decoration: none;
            padding: 6px 12px;
            border-radius: 999px;
            background: hsla(0, 0%, 100%, .04);
            border: 1px solid hsla(0, 0%, 100%, .04);
            transition: color .2s, border-color .2s, background .2s
        }

        .home-head__tag:hover {
            color: #88cca6;
            border-color: rgba(136, 204, 166, .35);
            background: rgba(136, 204, 166, .08)
        }

        .home-head__search-panel {
            position: absolute;
            left: 0;
            right: 0;
            top: calc(58px + 8px);
            z-index: 50;
            background: #27292e;
            border-radius: 12px;
            border: 1px solid hsla(0, 0%, 100%, .08);
            box-shadow: 0 24px 60px rgba(0, 0, 0, .5);
            padding: 0;
            max-height: min(360px, 52vh);
            overflow: hidden
        }

        .home-head__search-panel-inner {
            max-height: min(360px, 52vh);
            overflow: auto;
            padding: 8px
        }

        .home-head__search-items {
            max-height: none;
            border-bottom: 0;
            padding-bottom: 0;
            overflow: visible
        }

        .home-head__search-items .product-item {
            border-radius: 10px;
            margin-bottom: 4px
        }

        .home-head__search-items .product-item:last-child {
            margin-bottom: 0
        }

        .home-head__actions {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 16px;
            margin-top: 28px
        }

        .home-head__btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-width: 220px;
            height: 50px;
            padding: 0 22px;
            box-sizing: border-box;
            border-radius: 12px;
            border: none;
            font-weight: 600;
            font-size: 13px;
            line-height: 19px;
            letter-spacing: .009em;
            text-decoration: none;
            cursor: pointer;
            transition: background-color .2s ease, color .2s ease, border-color .2s ease
        }

        .home-head__btn svg {
            flex-shrink: 0
        }

        .home-head__btn--primary {
            background: #9acd90;
            color: #27292e
        }

        .home-head__btn--primary:hover {
            background: #b5ddb0;
            color: #27292e
        }

        .home-head__btn--secondary {
            background: rgba(39, 41, 46, .94);
            color: #e5e5e5;
            border: 1px solid hsla(0, 0%, 100%, .07)
        }

        .home-head__btn--secondary:hover {
            background: #32353c;
            color: #fff;
            border-color: hsla(0, 0%, 100%, .1)
        }

        .home-head__stats {
            width: 100%;
            max-width: 920px;
            margin-top: 36px;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
            padding: 18px 20px;
            border-radius: 16px;
            background: hsla(0, 0%, 100%, .03);
            border: 1px solid hsla(0, 0%, 100%, .05)
        }

        .home-head__stat {
            text-align: center;
            padding: 8px 6px
        }

        .home-head__stat-icon {
            width: 40px;
            height: 40px;
            margin: 0 auto 10px;
            border-radius: 12px;
            background: hsla(0, 0%, 100%, .04);
            display: flex;
            align-items: center;
            justify-content: center
        }

        .home-head__stat-value {
            font-weight: 800;
            font-size: 22px;
            line-height: 1.2;
            color: #fff;
            margin: 0
        }

        .home-head__stat-value--accent {
            color: #7fa5d1
        }

        .home-head__stat-value--mint {
            color: #88cca6
        }

        .home-head__stat-label {
            margin: 6px 0 0;
            font-size: 11px;
            line-height: 1.4;
            color: #848a9a
        }

        .home-head__ticker {
            position: relative;
            z-index: 1;
            margin-top: 28px;
            border-top: 1px solid hsla(0, 0%, 100%, .05);
            background: transparent;
            overflow: hidden;
            mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent)
        }

        .home-head__ticker-track {
            display: flex;
            width: max-content;
            gap: 32px;
            padding: 14px 0;
            animation: homeHeadTicker 45s linear infinite
        }

        @keyframes homeHeadTicker {
            0% {
                transform: translateX(0)
            }
            100% {
                transform: translateX(-50%)
            }
        }

        .home-head__ticker-item {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
            font-size: 12px;
            color: #848a9a
        }

        .home-head__ticker-item strong {
            color: #88cca6;
            font-weight: 700
        }

        .home-head__ticker-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #9acd90;
            box-shadow: 0 0 8px rgba(154, 205, 144, .6)
        }

        @media screen and (max-width:900px) {
            .home-head__stats {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .home-head__search-shortcut {
                display: none
            }
            .home-head__searchbar {
                grid-template-columns: 34px 1fr
            }
        }

        @media screen and (max-width:640px) {
            .home-head__actions {
                flex-direction: column;
                width: 100%
            }
            .home-head__btn--primary,
            .home-head__btn--secondary {
                width: 100%
            }
        }

        @media screen and (max-width:420px) {
            .home-head__stats {
                grid-template-columns: 1fr 1fr;
                padding: 14px
            }
            .home-head__stat-value {
                font-size: 18px
            }
        }

        .home-section-head {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 24px;
            padding-bottom: 24px;
            border-bottom: 1px solid hsla(0, 0%, 100%, .06)
        }

        .home-section-head__main {
            max-width: 640px
        }

        .home-section-head__eyebrow {
            display: inline-block;
            margin-bottom: 10px;
            padding: 5px 10px;
            border-radius: 999px;
            background: hsla(0, 0%, 100%, .04);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #88cca6
        }

        .home-section-head__title {
            margin: 0;
            font-weight: 800;
            font-size: clamp(26px, 3vw, 34px);
            line-height: 1.2;
            color: #fff
        }

        .home-section-head__title-accent {
            color: #88cca6
        }

        .home-section-head__desc {
            margin: 12px 0 0;
            font-size: 14px;
            line-height: 1.6;
            color: #848a9a
        }

        .home-section-head__aside {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 10px;
            flex-shrink: 0
        }

        .home-section-head__meta {
            font-size: 12px;
            font-weight: 500;
            color: #8b919c
        }

        .home-section-head__cta {
            min-width: 200px
        }

        .home-section-head__cta svg {
            flex-shrink: 0
        }

        .home .catalog-items {
            margin-top: 30px
        }

        .home .show-more {
            width: 100%;
            margin-top: 30px;
            color: #848a9a
        }

        @media screen and (max-width:760px) {
            .home-section-head {
                flex-direction: column;
                align-items: flex-start
            }

            .home-section-head__aside {
                align-items: flex-start;
                width: 100%
            }

            .home-section-head__cta {
                width: 100%
            }
        }

        @media screen and (max-width:560px) {
            .home-section-head {
                padding-bottom: 20px
            }
        }

        .why-us {
            padding: 8px 0 56px
        }

        .why-us__head {
            max-width: 720px;
            margin-bottom: 32px
        }

        .why-us__eyebrow {
            display: inline-block;
            margin-bottom: 10px;
            padding: 5px 10px;
            border-radius: 999px;
            background: hsla(0, 0%, 100%, .04);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #88cca6
        }

        .why-us__title {
            margin: 0;
            font-weight: 800;
            font-size: clamp(22px, 2.8vw, 32px);
            line-height: 1.25;
            color: #fff
        }

        .why-us__title-accent {
            color: #88cca6
        }

        .why-us__lead {
            margin: 12px 0 0;
            font-size: 14px;
            line-height: 1.65;
            color: #848a9a
        }

        .why-us__grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 18px
        }

        .why-us__card {
            padding: 22px 20px 20px;
            border-radius: 16px;
            border: 1px solid hsla(0, 0%, 100%, .06);
            background: linear-gradient(165deg, rgba(35, 37, 42, .75) 0%, rgba(29, 30, 35, .95) 100%);
            transition: border-color .25s ease, transform .25s ease
        }

        .why-us__card:hover {
            border-color: hsla(136, 38%, 66%, .28);
            transform: translateY(-2px)
        }

        .why-us__icon {
            width: 48px;
            height: 48px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            color: #c5e8d4;
            background: hsla(0, 0%, 100%, .04);
            border: 1px solid hsla(0, 0%, 100%, .06)
        }

        .why-us__icon--price {
            color: #a8c4e8
        }

        .why-us__icon--support {
            color: #b8c9dc
        }

        .why-us__icon--variety {
            color: #d4c8f0
        }

        .why-us__icon--delivery {
            color: #f0e6a8
        }

        .why-us__icon--update {
            color: #90c8e8
        }

        .why-us__icon--setup {
            color: #c8b8e8
        }

        .why-us__icon--payment {
            color: #a8e0c4
        }

        .why-us__card-title {
            margin: 0 0 10px;
            font-size: 17px;
            font-weight: 800;
            color: #fff
        }

        .why-us__card-text {
            margin: 0;
            font-size: 13px;
            line-height: 1.65;
            color: #848a9a
        }

        .why-us__card-text strong {
            color: #c5c8d0;
            font-weight: 700
        }

        .why-us__badge {
            display: inline;
            padding: 1px 6px;
            border-radius: 6px;
            background: rgba(154, 205, 144, .14);
            color: #9acd90;
            font-weight: 700;
            font-size: 12px
        }

        .why-us__link {
            display: inline-flex;
            margin-top: 12px;
            font-size: 12px;
            font-weight: 700;
            color: #88cca6;
            text-decoration: none
        }

        .why-us__link:hover {
            color: #a8dcc0;
            text-decoration: underline
        }

        .home-seo {
            padding: 0 0 48px
        }

        .home-seo__block + .home-seo__block {
            margin-top: 40px;
            padding-top: 40px;
            border-top: 1px solid hsla(0, 0%, 100%, .06)
        }

        .home-seo__title {
            margin: 0 0 16px;
            font-weight: 800;
            font-size: clamp(20px, 2.4vw, 28px);
            line-height: 1.3;
            color: #fff
        }

        .home-seo__text p {
            margin: 0 0 14px;
            font-size: 14px;
            line-height: 1.75;
            color: #848a9a
        }

        .home-seo__text p:last-child {
            margin-bottom: 0
        }

        .home-seo__text ul {
            margin: 0 0 14px;
            padding: 0;
            list-style-type: disc;
            list-style-position: inside
        }

        .home-seo__text li {
            margin-bottom: 8px;
            font-size: 14px;
            line-height: 1.75;
            color: #848a9a
        }

        .home-seo__text li:last-child {
            margin-bottom: 0
        }

        .home-seo__block--collapsible {
            position: relative
        }

        .home-seo__collapsible-wrap {
            position: relative
        }

        .home-seo__collapsible {
            max-height: 300px;
            overflow: hidden;
            transition: max-height .45s ease
        }

        .home-seo__collapsible.is-expanded {
            max-height: 8000px
        }

        .home-seo__collapsible-fade {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 120px;
            pointer-events: none;
            background: linear-gradient(180deg, hsla(220, 8%, 14%, 0) 0%, hsla(220, 8%, 14%, .72) 55%, hsl(220, 8%, 14%) 100%)
        }

        .home-seo__expand-bar {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 10px;
            z-index: 2;
            display: flex;
            justify-content: center;
            align-items: center;
            pointer-events: none
        }

        .home-seo__expand-bar.is-expanded {
            position: static;
            bottom: auto;
            padding-top: 18px;
            pointer-events: auto
        }

        .home-seo__expand-toggle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 9px 20px;
            border-radius: 999px;
            border: 1px solid rgba(136, 204, 166, .32);
            background: hsla(220, 8%, 12%, .45);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            color: #b8dcc8;
            font-size: 13px;
            font-weight: 700;
            cursor: pointer;
            pointer-events: auto;
            box-shadow: 0 4px 24px hsla(220, 8%, 6%, .35);
            transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease
        }

        .home-seo__expand-toggle:hover {
            background: hsla(220, 8%, 16%, .62);
            border-color: rgba(136, 204, 166, .48);
            color: #d4eedc;
            box-shadow: 0 6px 28px hsla(136, 204, 166, .12)
        }

        .home-seo__expand-chevron {
            transition: transform .25s ease
        }

        .home-seo__expand-chevron.is-open {
            transform: rotate(180deg)
        }

        .home-reviews {
            padding: 0 0 48px
        }

        .home-reviews__head {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 22px
        }

        .home-reviews__head-main {
            max-width: 520px
        }

        .home-reviews__eyebrow {
            display: inline-block;
            margin-bottom: 10px;
            padding: 5px 10px;
            border-radius: 999px;
            background: hsla(0, 0%, 100%, .04);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #88cca6
        }

        .home-reviews__title {
            margin: 0;
            font-weight: 800;
            font-size: clamp(22px, 2.8vw, 30px);
            line-height: 1.25;
            color: #fff
        }

        .home-reviews__title-accent {
            color: #88cca6
        }

        .home-reviews__head-aside {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 12px;
            flex-shrink: 0
        }

        .home-reviews__all-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            font-weight: 700;
            color: #88cca6;
            text-decoration: none
        }

        .home-reviews__all-link:hover {
            color: #a8dcc0;
            text-decoration: underline
        }

        .home-reviews__nav {
            display: flex;
            gap: 8px
        }

        .home-reviews__nav-btn {
            width: 40px;
            height: 40px;
            border-radius: 10px;
            border: 1px solid hsla(0, 0%, 100%, .08);
            background: hsla(0, 0%, 100%, .03);
            color: #c5c8d0;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: border-color .2s ease, color .2s ease, background .2s ease
        }

        .home-reviews__nav-btn:hover {
            border-color: hsla(136, 38%, 66%, .4);
            color: #fff;
            background: hsla(136, 38%, 66%, .12)
        }

        .home-reviews__track {
            display: flex;
            gap: 16px;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-snap-type: x mandatory;
            scroll-padding-inline: 4px;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 6px;
            scrollbar-width: thin;
            scrollbar-color: hsla(136, 38%, 66%, .35) transparent
        }

        .home-reviews__track::-webkit-scrollbar {
            height: 6px
        }

        .home-reviews__track::-webkit-scrollbar-thumb {
            background: hsla(136, 38%, 66%, .35);
            border-radius: 999px
        }

        .home-reviews__card {
            flex: 0 0 min(340px, calc(100vw - 48px));
            scroll-snap-align: start;
            padding: 20px;
            border-radius: 16px;
            border: 1px solid hsla(0, 0%, 100%, .06);
            background: linear-gradient(165deg, rgba(35, 37, 42, .75) 0%, rgba(29, 30, 35, .95) 100%);
            display: flex;
            flex-direction: column;
            min-height: 200px
        }

        .home-reviews__rating {
            display: flex;
            gap: 2px;
            margin-bottom: 12px
        }

        .home-reviews__star {
            color: #40434b
        }

        .home-reviews__star.is-active {
            color: #f0c147
        }

        .home-reviews__text {
            margin: 0;
            flex: 1;
            font-size: 13px;
            line-height: 1.65;
            color: #c5c8d0
        }

        .home-reviews__footer {
            margin-top: 16px;
            padding-top: 14px;
            border-top: 1px solid hsla(0, 0%, 100%, .05)
        }

        .home-reviews__author {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 8px
        }

        .home-reviews__avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: 800;
            color: #88cca6;
            background: rgba(136, 204, 166, .12);
            border: 1px solid hsla(136, 38%, 66%, .25)
        }

        .home-reviews__name {
            font-size: 13px;
            font-weight: 700;
            color: #e8eaed
        }

        .home-reviews__product {
            display: block;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.4;
            color: #51555f;
            text-decoration: none;
            transition: color .2s ease
        }

        .home-reviews__product:hover {
            color: #88cca6
        }

        @media screen and (max-width:760px) {
            .home-reviews__head {
                flex-direction: column;
                align-items: flex-start
            }

            .home-reviews__head-aside {
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                width: 100%
            }
        }

        .reviews-page__body {
            padding-bottom: 64px
        }

        .reviews-page__filters {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
            gap: 14px;
            align-items: end;
            padding: 20px;
            margin-bottom: 24px;
            border-radius: 16px;
            border: 1px solid hsla(0, 0%, 100%, .06);
            background: linear-gradient(165deg, rgba(35, 37, 42, .55) 0%, rgba(29, 30, 35, .9) 100%)
        }

        .reviews-page__filter label {
            display: block;
            margin-bottom: 8px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #51555f
        }

        .reviews-page__select {
            width: 100%;
            height: 44px;
            padding: 0 14px;
            border-radius: 10px;
            border: 1px solid hsla(0, 0%, 100%, .08);
            background: #1d1e23;
            color: #e8eaed;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2351555f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 14px center;
            padding-right: 36px
        }

        .reviews-page__select:focus {
            outline: none;
            border-color: hsla(136, 38%, 66%, .45)
        }

        .reviews-page__select:disabled,
        .reviews-page__select.is-disabled {
            opacity: .55;
            cursor: not-allowed;
            color: #51555f
        }

        .reviews-page__filter-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center
        }

        .reviews-page__submit,
        .reviews-page__reset {
            min-height: 44px;
            padding: 0 18px;
            white-space: nowrap
        }

        .reviews-page__meta {
            margin: 0 0 20px;
            font-size: 13px;
            color: #848a9a
        }

        .reviews-page__meta strong {
            color: #c5c8d0
        }

        .reviews-page__grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 16px;
            align-items: stretch
        }

        .reviews-page__grid .home-reviews__card {
            flex: unset;
            min-width: 0;
            width: 100%;
            height: 100%;
            min-height: 240px;
            display: flex;
            flex-direction: column
        }

        .reviews-page__grid .home-reviews__text {
            flex: 1 1 auto;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 8;
            overflow: hidden
        }

        .reviews-page__grid .home-reviews__footer {
            margin-top: auto;
            flex-shrink: 0
        }

        .reviews-page__empty {
            text-align: center;
            padding: 48px 24px;
            border-radius: 16px;
            border: 1px dashed hsla(0, 0%, 100%, .1);
            background: hsla(0, 0%, 100%, .02)
        }

        .reviews-page__empty p {
            margin: 0 0 16px;
            color: #848a9a;
            font-size: 14px
        }

        .reviews-page__pagination {
            display: flex;
            justify-content: center;
            margin-top: 32px;
            flex-wrap: wrap;
            gap: 8px;
            width: 100%
        }

        .reviews-page__pagination .pagination {
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 10px;
            max-width: 100%
        }

        .reviews-page__pagination .pagination a.pagination-btn:hover {
            color: #7fa5d1;
            background: #27292e;
            border-color: #27292e
        }

        .reviews-page__pagination .pagination span.pagination-btn.active {
            color: #e5e5e5;
            background: #27292e;
            border-color: hsla(0, 0%, 100%, .14);
            font-weight: 600;
            cursor: default
        }

        .reviews-page__pagination .pagination .pagination-ellipsis {
            display: inline-flex;
            align-items: center;
            height: 44px;
            padding: 0 6px;
            color: #51555f;
            font-size: 13px;
            font-weight: 500
        }

        @media screen and (max-width:900px) {
            .reviews-page__filters {
                grid-template-columns: 1fr 1fr
            }

            .reviews-page__filter-actions {
                grid-column: 1 / -1
            }
        }

        @media screen and (max-width:560px) {
            .reviews-page__filters {
                grid-template-columns: 1fr
            }
        }

        .checkout-result-page {
            padding: 40px 0 72px
        }

        .checkout-result-page__container {
            max-width: 640px
        }

        .checkout-result {
            border-radius: 18px;
            border: 1px solid hsla(0, 0%, 100%, .08);
            background: linear-gradient(165deg, rgba(35, 37, 42, .82) 0%, rgba(29, 30, 35, .98) 100%);
            overflow: hidden
        }

        .checkout-result--success {
            border-color: hsla(136, 38%, 66%, .22)
        }

        .checkout-result--error {
            border-color: hsla(0, 72%, 63%, .25)
        }

        .checkout-result__status {
            display: flex;
            gap: 16px;
            padding: 24px 24px 20px;
            border-bottom: 1px solid hsla(0, 0%, 100%, .06)
        }

        .checkout-result__icon {
            flex-shrink: 0;
            width: 52px;
            height: 52px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .checkout-result--success .checkout-result__icon {
            color: #88cca6;
            background: rgba(136, 204, 166, .12);
            border: 1px solid hsla(136, 38%, 66%, .25)
        }

        .checkout-result--error .checkout-result__icon {
            color: #f08787;
            background: rgba(240, 135, 135, .1);
            border: 1px solid hsla(0, 72%, 63%, .25)
        }

        .checkout-result__title {
            margin: 0 0 8px;
            font-size: 22px;
            font-weight: 800;
            color: #fff
        }

        .checkout-result__message {
            margin: 0;
            font-size: 14px;
            line-height: 1.65;
            color: #848a9a
        }

        .checkout-result__product {
            display: grid;
            grid-template-columns: 140px 1fr;
            gap: 18px;
            padding: 20px 24px;
            border-bottom: 1px solid hsla(0, 0%, 100%, .06)
        }

        .checkout-result__media {
            position: relative
        }

        .checkout-result__cover {
            height: 120px;
            border-radius: 12px;
            background-size: cover;
            background-position: center;
            border: 1px solid hsla(0, 0%, 100%, .06)
        }

        .checkout-result__logo {
            position: absolute;
            left: 50%;
            bottom: -16px;
            transform: translateX(-50%);
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: #1d1e23;
            border: 2px solid hsla(0, 0%, 100%, .08);
            display: flex;
            align-items: center;
            justify-content: center
        }

        .checkout-result__logo img {
            max-width: 32px;
            max-height: 32px;
            object-fit: contain
        }

        .checkout-result__details {
            padding-top: 8px;
            min-width: 0
        }

        .checkout-result__category {
            display: inline-block;
            margin-bottom: 6px;
            padding: 4px 8px;
            border-radius: 999px;
            background: hsla(0, 0%, 100%, .04);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #88cca6
        }

        .checkout-result__product-name {
            margin: 0;
            font-size: 18px;
            font-weight: 800;
            line-height: 1.3;
            color: #fff
        }

        .checkout-result__package {
            margin: 8px 0 0;
            font-size: 14px;
            font-weight: 600;
            color: #c5c8d0
        }

        .checkout-result__meta {
            margin: 14px 0 0
        }

        .checkout-result__meta-row {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            padding: 6px 0;
            font-size: 13px
        }

        .checkout-result__meta-row dt {
            color: #51555f;
            font-weight: 600
        }

        .checkout-result__meta-row dd {
            margin: 0;
            color: #e8eaed;
            font-weight: 700
        }

        .checkout-result__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
            padding: 20px 24px 24px
        }

        .checkout-result__actions .home-head__btn {
            min-width: 140px
        }

        .checkout-result__link-muted {
            margin-left: auto;
            font-size: 13px;
            font-weight: 600;
            color: #51555f;
            text-decoration: none
        }

        .checkout-result__link-muted:hover {
            color: #88cca6
        }

        @media screen and (max-width:560px) {
            .checkout-result__product {
                grid-template-columns: 1fr
            }

            .checkout-result__media {
                max-width: 200px;
                margin: 0 auto
            }

            .checkout-result__link-muted {
                margin-left: 0;
                width: 100%;
                text-align: center
            }
        }

        .home-faq {
            padding: 0 0 64px
        }

        .home-faq__head {
            max-width: 720px;
            margin-bottom: 28px
        }

        .home-faq__eyebrow {
            display: inline-block;
            margin-bottom: 10px;
            padding: 5px 10px;
            border-radius: 999px;
            background: hsla(0, 0%, 100%, .04);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #88cca6
        }

        .home-faq__title {
            margin: 0;
            font-weight: 800;
            font-size: clamp(22px, 2.8vw, 32px);
            line-height: 1.25;
            color: #fff
        }

        .home-faq__title-accent {
            color: #88cca6
        }

        .home-faq__lead {
            margin: 12px 0 0;
            font-size: 14px;
            line-height: 1.6;
            color: #848a9a
        }

        .home-faq__lead a {
            color: #88cca6;
            font-weight: 600;
            text-decoration: none
        }

        .home-faq__lead a:hover {
            text-decoration: underline
        }

        .category-page-extra__seo {
            margin: 0
        }

        .category-page-extra--faq {
            padding-top: 48px
        }

        .category-page-extra--faq .home-faq__head {
            margin-bottom: 24px
        }

        .home-faq__list {
            display: flex;
            flex-direction: column;
            gap: 10px;
            width: 100%;
            max-width: 900px;
            margin: 0 auto
        }

        .home-faq__item {
            border: 1px solid hsla(0, 0%, 100%, .08);
            border-radius: 14px;
            background: linear-gradient(165deg, rgba(35, 37, 42, .6) 0%, rgba(29, 30, 35, .92) 100%);
            overflow: hidden;
            transition: border-color .25s ease, box-shadow .25s ease
        }

        .home-faq__item.is-open,
        .home-faq__item:hover {
            border-color: hsla(136, 38%, 66%, .28)
        }

        .home-faq__item.is-open {
            box-shadow: 0 8px 32px hsla(0, 0%, 0%, .18)
        }

        .home-faq__trigger {
            width: 100%;
            display: grid;
            grid-template-columns: 40px 1fr 24px;
            align-items: center;
            gap: 14px;
            padding: 16px 18px;
            border: 0;
            background: transparent;
            cursor: pointer;
            text-align: left;
            color: inherit;
            font: inherit
        }

        .home-faq__icon {
            flex-shrink: 0;
            width: 36px;
            height: 36px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: hsla(136, 38%, 66%, .1);
            color: #88cca6;
            border: 1px solid hsla(136, 38%, 66%, .22);
            transition: background .2s ease, border-color .2s ease, color .2s ease
        }

        .home-faq__item.is-open .home-faq__icon {
            background: hsla(136, 38%, 66%, .18);
            border-color: hsla(136, 38%, 66%, .4);
            color: #a8dcc0
        }

        .home-faq__icon-svg {
            display: block
        }

        .home-faq__question {
            font-weight: 700;
            font-size: 15px;
            line-height: 1.45;
            color: #e8eaed
        }

        .home-faq__chevron {
            flex-shrink: 0;
            color: #51555f;
            display: flex;
            justify-content: flex-end;
            transition: transform .25s ease, color .25s ease
        }

        .home-faq__item.is-open .home-faq__chevron {
            transform: rotate(180deg);
            color: #88cca6
        }

        .home-faq__panel {
            padding: 0 18px 18px 72px
        }

        .home-faq__panel p {
            margin: 0;
            font-size: 14px;
            line-height: 1.75;
            color: #848a9a
        }

        @media screen and (max-width:760px) {
            .home-faq__panel {
                padding: 0 16px 16px 16px
            }

            .home-faq__trigger {
                grid-template-columns: 36px 1fr 22px;
                gap: 12px;
                padding: 14px 16px
            }

            .home-faq__icon {
                width: 32px;
                height: 32px;
                border-radius: 8px
            }

            .home-faq__question {
                font-size: 14px
            }
        }

        .faq-page__body {
            padding-bottom: 64px
        }

        .faq-page__section {
            margin-bottom: 48px
        }

        .faq-page__section-title {
            margin: 0 0 10px;
            font-weight: 800;
            font-size: clamp(20px, 2.4vw, 26px);
            color: #fff
        }

        .faq-page__section-lead {
            margin: 0 0 22px;
            max-width: 720px;
            font-size: 14px;
            line-height: 1.65;
            color: #848a9a
        }

        .faq-page__tools {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px
        }

        .faq-page__tool {
            display: flex;
            flex-direction: column;
            gap: 6px;
            padding: 16px 18px;
            border-radius: 14px;
            border: 1px solid hsla(0, 0%, 100%, .08);
            background: linear-gradient(165deg, rgba(35, 37, 42, .55) 0%, rgba(29, 30, 35, .9) 100%);
            text-decoration: none;
            color: inherit;
            transition: border-color .2s ease, transform .2s ease
        }

        .faq-page__tool:hover {
            border-color: hsla(136, 38%, 66%, .32);
            transform: translateY(-1px)
        }

        .faq-page__tool-title {
            font-weight: 700;
            font-size: 15px;
            color: #e8eaed
        }

        .faq-page__tool-desc {
            font-size: 13px;
            line-height: 1.5;
            color: #848a9a;
            flex: 1
        }

        .faq-page__tool-action {
            margin-top: 4px;
            font-size: 12px;
            font-weight: 700;
            color: #88cca6
        }

        .faq-page__help {
            margin-top: 8px
        }

        @media screen and (max-width:900px) {
            .faq-page__tools {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
        }

        @media screen and (max-width:560px) {
            .faq-page__tools {
                grid-template-columns: 1fr
            }
        }

        .error-page {
            min-height: min(72vh, 640px);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 48px 0 80px
        }

        .error-page__inner {
            max-width: 560px;
            text-align: center
        }

        .error-page__code {
            margin: 0 0 8px;
            font-weight: 800;
            font-size: clamp(72px, 14vw, 120px);
            line-height: 1;
            letter-spacing: -.04em;
            background: linear-gradient(180deg, #e8eaed 0%, #88cca6 55%, #5a9a72 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent
        }

        .error-page__title {
            margin: 0 0 12px;
            font-weight: 800;
            font-size: clamp(22px, 3vw, 30px);
            color: #fff
        }

        .error-page__text {
            margin: 0 auto 28px;
            max-width: 440px;
            font-size: 15px;
            line-height: 1.65;
            color: #848a9a
        }

        .error-page__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center
        }

        .error-page__btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            padding: 0 20px;
            border-radius: 10px;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            transition: background .18s ease, border-color .18s ease, color .18s ease, transform .15s ease
        }

        .error-page__btn--primary {
            background: #9acd90;
            color: #1e2024;
            border: 1px solid transparent
        }

        .error-page__btn--primary:hover {
            background: #a8d79f;
            transform: translateY(-1px)
        }

        .error-page__btn--ghost {
            background: hsla(0, 0%, 100%, .04);
            color: #e8eaed;
            border: 1px solid hsla(0, 0%, 100%, .12)
        }

        .error-page__btn--ghost:hover {
            border-color: hsla(136, 38%, 66%, .35);
            color: #a8dcc0
        }

        @media screen and (max-width:560px) {
            .why-us {
                padding-bottom: 40px
            }

            .home-seo {
                padding-bottom: 36px
            }

            .home-reviews {
                padding-bottom: 36px
            }

            .home-faq {
                padding-bottom: 48px
            }
        }

        @media screen and (max-width:480px) {
            .product-item .card-price {
                display: none
            }
            .page-title {
                font-size: 20px;
                line-height: 25px
            }
        }

        body.auth-modal-open {
            overflow: hidden
        }

        .auth-modal {
            position: fixed;
            inset: 0;
            z-index: 11000;
            display: none;
            pointer-events: none
        }

        .auth-modal.is-open {
            display: block;
            pointer-events: auto
        }

        .auth-modal__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(15, 16, 20, .52);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px)
        }

        .auth-modal__viewport {
            position: relative;
            z-index: 1;
            min-height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px 16px;
            box-sizing: border-box
        }

        .auth-modal__dialog {
            position: relative;
            width: min(440px, 100%);
            max-height: calc(100vh - 48px);
            overflow: auto;
            padding: 24px;
            box-sizing: border-box;
            background: #1e2024;
            border: 1px solid hsla(0, 0%, 100%, .08);
            border-radius: 16px;
            box-shadow: 0 24px 64px rgba(0, 0, 0, .5);
            animation: authModalIn .24s ease-out
        }

        @keyframes authModalIn {
            from {
                opacity: 0;
                transform: translateY(10px) scale(.98)
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1)
            }
        }

        .auth-modal__close {
            position: absolute;
            top: 14px;
            right: 14px;
            width: 36px;
            height: 36px;
            border: none;
            border-radius: 10px;
            background: hsla(0, 0%, 100%, .04);
            color: #848a9a;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background .15s ease, color .15s ease
        }

        .auth-modal__close:hover {
            background: hsla(0, 0%, 100%, .08);
            color: #fff
        }

        .auth-modal__head {
            margin-bottom: 20px;
            padding-right: 36px
        }

        .auth-modal__eyebrow {
            margin: 0 0 8px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #88cca6
        }

        .auth-modal__title {
            margin: 0;
            font-size: 24px;
            font-weight: 800;
            line-height: 1.2;
            color: #fff
        }

        .auth-modal__subtitle {
            margin: 8px 0 0;
            font-size: 13px;
            line-height: 1.5;
            color: #848a9a
        }

        .auth-modal__form {
            display: flex;
            flex-direction: column;
            gap: 12px
        }

        .auth-modal__grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px
        }

        .auth-field {
            display: flex;
            align-items: center;
            gap: 12px;
            height: 50px;
            padding: 0 16px;
            border-radius: 10px;
            border: 1px solid rgba(127, 165, 209, .22);
            background: hsla(0, 0%, 100%, .035);
            box-shadow: 0 0 0 2px transparent, 0 0 0 4px transparent;
            transition: box-shadow .18s ease;
            cursor: text;
            overflow: visible
        }

        .auth-field:focus-within {
            border-color: rgba(127, 165, 209, .22);
            box-shadow: 0 0 0 2px #1e2024, 0 0 0 4px rgba(136, 204, 166, .42)
        }

        .auth-field__icon {
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 22px;
            width: 22px;
            height: 22px;
            color: #848a9a;
            transition: color .18s ease;
            pointer-events: none;
            overflow: visible
        }

        .auth-field__icon svg {
            display: block;
            width: 20px;
            height: 20px;
            overflow: visible;
            flex-shrink: 0
        }

        .auth-field:focus-within .auth-field__icon {
            color: #88cca6
        }

        .auth-field input {
            flex: 1 1 auto;
            min-width: 0;
            width: 100%;
            align-self: stretch;
            height: auto;
            border: none;
            background: transparent;
            color: #e5e5e5;
            font-size: 14px;
            line-height: 48px;
            padding: 0;
            margin: 0;
            outline: none;
            -webkit-appearance: none;
            appearance: none
        }

        .auth-field input::placeholder {
            color: #51555f;
            line-height: 48px;
            opacity: 1
        }

        .auth-modal__row {
            display: flex;
            justify-content: flex-end;
            margin-top: -4px
        }

        .auth-modal__link {
            font-size: 12px;
            font-weight: 600;
            color: #7fa5d1;
            text-decoration: none
        }

        .auth-modal__link:hover {
            color: #9ab8dc;
            text-decoration: underline
        }

        .auth-modal__hint {
            margin: 0;
            font-size: 11px;
            color: #848a9a
        }

        .auth-modal__submit {
            width: 100%;
            margin-top: 4px
        }

        .auth-modal__switch {
            margin: 16px 0 0;
            text-align: center;
            font-size: 13px;
            color: #848a9a
        }

        .auth-modal__switch-btn {
            border: none;
            background: none;
            padding: 0;
            margin-left: 4px;
            font: inherit;
            font-weight: 700;
            color: #88cca6;
            cursor: pointer
        }

        .auth-modal__switch-btn:hover {
            color: #9acd90;
            text-decoration: underline
        }

        @media screen and (max-width:520px) {
            .auth-modal__grid {
                grid-template-columns: 1fr
            }

            .auth-modal__dialog {
                padding: 20px 16px
            }
        }

        .auth-page {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            padding: 40px 16px 72px;
            box-sizing: border-box
        }

        .auth-page .auth-modal__dialog {
            position: relative;
            max-height: none;
            overflow: visible;
            animation: none
        }

        body.site-search-modal-open {
            overflow: hidden
        }

        .site-search-modal {
            position: fixed;
            inset: 0;
            z-index: 10950;
            display: none;
            pointer-events: none
        }

        .site-search-modal.is-open {
            display: block;
            pointer-events: auto
        }

        .site-search-modal__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(15, 16, 20, .58);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px)
        }

        .site-search-modal__viewport {
            position: relative;
            z-index: 1;
            min-height: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 72px 16px 24px;
            box-sizing: border-box
        }

        .site-search-modal__dialog {
            position: relative;
            width: min(640px, 100%);
            max-height: calc(100vh - 96px);
            overflow: auto;
            padding: 22px 22px 18px;
            box-sizing: border-box;
            background: #1e2024;
            border: 1px solid hsla(0, 0%, 100%, .08);
            border-radius: 16px;
            box-shadow: 0 24px 64px rgba(0, 0, 0, .5);
            animation: authModalIn .24s ease-out
        }

        .site-search-modal__close {
            position: absolute;
            top: 14px;
            right: 14px;
            width: 36px;
            height: 36px;
            border: none;
            border-radius: 10px;
            background: hsla(0, 0%, 100%, .04);
            color: #848a9a;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background .15s ease, color .15s ease
        }

        .site-search-modal__close:hover {
            background: hsla(0, 0%, 100%, .08);
            color: #fff
        }

        .site-search-modal__head {
            margin-bottom: 16px;
            padding-right: 40px
        }

        .site-search-modal__eyebrow {
            margin: 0 0 6px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #88cca6
        }

        .site-search-modal__title {
            margin: 0;
            font-size: 20px;
            line-height: 1.25;
            font-weight: 700;
            color: #fff
        }

        .site-search-modal__input-wrap {
            height: 58px;
            padding: 0 18px;
            grid-template-columns: 32px 1fr;
            grid-gap: 12px
        }

        .site-search-modal__input {
            border: none;
            outline: none;
            width: 100%;
            font-size: 15px
        }

        .site-search-modal__hint {
            margin: 10px 2px 0;
            font-size: 12px;
            line-height: 1.4;
            color: #848a9a
        }

        .site-search-modal__results-wrap {
            margin-top: 14px;
            background: #27292e;
            border: 1px solid hsla(0, 0%, 100%, .06);
            border-radius: 12px;
            padding: 8px 4px 8px 8px;
            max-height: min(360px, 48vh);
            overflow: auto;
            scrollbar-width: thin;
            scrollbar-color: #51555f hsla(0, 0%, 100%, .04)
        }

        .site-search-modal__results-wrap::-webkit-scrollbar {
            width: 6px
        }

        .site-search-modal__results-wrap::-webkit-scrollbar-track {
            background: transparent;
            margin: 4px 0
        }

        .site-search-modal__results-wrap::-webkit-scrollbar-thumb {
            background: #51555f;
            border-radius: 999px
        }

        .site-search-modal__results-wrap::-webkit-scrollbar-thumb:hover {
            background: #6b707a
        }

        .site-search-modal__results {
            padding-right: 4px
        }

        .site-search-modal__results .product-item {
            cursor: pointer
        }

        .site-search-modal__empty,
        .site-search-modal__loading {
            margin-top: 14px;
            padding: 16px;
            border-radius: 12px;
            background: hsla(0, 0%, 100%, .03);
            text-align: center;
            font-size: 13px;
            color: #848a9a
        }

        .site-search-modal__loading {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px
        }

        .site-search-modal__empty[hidden],
        .site-search-modal__loading[hidden],
        .site-search-modal__results-wrap[hidden] {
            display: none !important
        }

        .site-search-modal__spinner {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 2px solid hsla(0, 0%, 100%, .12);
            border-top-color: #88cca6;
            animation: siteSearchSpin .7s linear infinite
        }

        @keyframes siteSearchSpin {
            to {
                transform: rotate(360deg)
            }
        }

        @media screen and (max-width: 640px) {
            .site-search-modal__viewport {
                padding-top: 24px
            }

            .site-search-modal__dialog {
                padding: 18px 14px 14px
            }
        }

        .site-toast-stack {
            position: fixed;
            top: calc(20px + env(safe-area-inset-top, 0px));
            left: 50%;
            z-index: 10050;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            width: max-content;
            max-width: min(92vw, 520px);
            transform: translateX(-50%);
            pointer-events: none
        }

        .site-toast {
            pointer-events: auto;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            max-width: min(92vw, 520px);
            padding: 10px 18px 10px 14px;
            box-sizing: border-box;
            border-radius: 9999px;
            background: #121212;
            border: 1px solid #333;
            box-shadow: 0 10px 40px rgba(0, 0, 0, .55);
            cursor: pointer;
            animation: siteToastIn .26s ease-out
        }

        .site-toast.is-leaving {
            animation: siteToastOut .2s ease-in forwards
        }

        .site-toast__icon {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px
        }

        .site-toast__icon--success {
            color: #3b82f6
        }

        .site-toast__icon--error {
            color: #ef4444
        }

        .site-toast__icon--warning {
            color: #f59e0b
        }

        .site-toast__icon--info {
            color: #3b82f6
        }

        .site-toast__text {
            margin: 0;
            font-size: 14px;
            line-height: 1.35;
            font-weight: 500;
            color: #fff;
            letter-spacing: -.01em
        }

        @keyframes siteToastIn {
            from {
                opacity: 0;
                transform: translateY(-10px)
            }
            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

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

        @media screen and (max-width:760px) {
            .site-toast-stack {
                top: calc(14px + env(safe-area-inset-top, 0px));
                max-width: calc(100vw - 24px)
            }

            .site-toast {
                max-width: calc(100vw - 24px);
                padding: 9px 16px 9px 12px
            }

            .site-toast__text {
                font-size: 13px
            }
        }

        .home-trands {
            width: 660px;
            padding: 30px;
            box-sizing: border-box;
            background: #27292e;
            border-radius: 12px;
            position: relative;
            z-index: 1
        }

        .home-trands__slides {
            margin-top: 30px;
            display: flex;
            width: 100%;
            overflow: hidden
        }

        .home-trands__slides-buttons {
            display: flex;
            justify-content: center;
            grid-gap: 11px;
            gap: 11px;
            margin-top: 30px
        }

        .home-trands__slides-buttons .radio-btn {
            background: hsla(0, 0%, 100%, .04);
            border-radius: 10px;
            width: 20px;
            height: 4px;
            overflow: hidden;
            cursor: pointer
        }

        .home-trands__slides-buttons .radio-btn__fill {
            background: #7fa5d1;
            height: 100%;
            transition-timing-function: linear
        }

        .home-trands__slide {
            min-width: 100%;
            transition-duration: .25s
        }

        .privacy {
            font-size: 13px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #e5e5e5
        }

        .privacy .content-container a {
            color: #4395f4;
            text-decoration: none
        }

        .privacy .content-container a:hover {
            text-decoration: underline
        }

        .product-description {
            margin-top: 15px
        }

        .product-description .description-content li,
        .product-description .description-content p {
            color: #848a9a
        }

        .product-description .description-content strong {
            color: #e5e5e5
        }

        .product-description__banner {
            border-radius: 12px;
            width: 100%;
            height: 165px;
            background-size: cover;
            background-position: 50%;
            margin-bottom: 15px
        }

        .product-description__content {
            padding: 20px;
            color: #848a9a;
            font-size: 13px;
            line-height: 180%
        }

        .product-description button {
            margin-top: 15px;
            width: 100%;
            color: #848a9a !important;
            margin-bottom: 25px;
            transition-duration: .25s
        }

        .product-description button:before {
            display: none
        }

        .product-description button:hover {
            background: #27292e;
            border: 2px solid #27292e;
            transition-duration: .25s
        }

        .product-description .description-content.hidden {
            overflow: hidden;
            max-height: 500px
        }

        .product-head {
            background: rgba(34, 36, 41, .8);
            padding: 28px 0 45px
        }

        .product-head__container {
            display: flex;
            justify-content: space-between;
            position: relative
        }

        .product-head__container .product-sidebar {
            margin-top: 50px;
            width: 430px;
            position: absolute;
            right: 0
        }

        .product-head__description {
            margin-top: 25px;
            width: 100%;
            box-sizing: border-box;
            max-height: 56px;
            overflow: overlay;
            padding: 5px 10px 5px 0
        }

        .product-head__description::-webkit-scrollbar {
            width: 1px;
            background: hsla(0, 0%, 100%, .04)
        }

        .product-head__description::-webkit-scrollbar-thumb {
            background: #51555f
        }

        .product-head__description p {
            font-size: 13px;
            line-height: 180%;
            color: #848a9a
        }

        .product-info {
            margin-top: 28px;
            display: grid;
            grid-template-columns: 85px 1fr;
            grid-gap: 30px;
            align-items: center;
            padding-bottom: 30px;
            border-bottom: 1px solid hsla(0, 0%, 100%, .04)
        }

        .product-info__content {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .product-info__content .data-name h1 {
            font-weight: 800;
            font-size: 28px;
            line-height: 34px;
            color: #fff;
            margin-top: 11px
        }

        .product-info__content .data-name p {
            font-weight: 800;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: .009em;
            text-transform: uppercase;
            color: #51555f
        }

        .product-info__content .data-name p span {
            color: #d95746
        }

        .product-info__content .data-meta p.label {
            text-align: center;
            font-weight: 500;
            font-size: 12px;
            line-height: 20px;
            letter-spacing: .009em;
            color: #6a6b79
        }

        .product-col {
            max-width: 775px;
            width: 100%
        }

        .product-row {
            padding: 45px 0;
            border-bottom: 1px solid hsla(0, 0%, 100%, .04)
        }

        .product-row:last-child {
            padding-bottom: 0;
            border: 0
        }

        .product-hint {
            display: flex;
            grid-gap: 10px;
            gap: 10px;
            padding: 20px;
            border-radius: 12px;
            background: linear-gradient(90deg, #7cd5ae, #aeae88 28.02%, #5090b2 53.35%, #82a1c5 71.78%, #50808e)
        }

        .product-hint p {
            font-size: 13px;
            line-height: 180%;
            color: #fff
        }

        .product-container {
            margin-top: 40px
        }

        .product-container .product-col {
            border-right: 1px solid hsla(0, 0%, 100%, .04);
            padding-right: 72px;
            box-sizing: content-box
        }

        .product-container .product-row:first-child {
            padding-top: 0
        }

        @media screen and (max-width:1350px) {
            .product-sidebar {
                width: 100% !important;
                position: relative !important
            }
            .product-col {
                max-width: 100%
            }
            .product-head__container {
                flex-wrap: wrap
            }
            .product .media-slider {
                grid-template-columns: 1fr !important
            }
            .product .media-slider button {
                display: none
            }
            .product .media-slider__content {
                overflow: overlay !important
            }
            .product .media-slider__content::-webkit-scrollbar {
                display: none
            }
        }

        @media screen and (max-width:610px) {
            .reviews-statistic {
                grid-template-columns: auto;
                text-align: center;
                grid-gap: 20px
            }
            .reviews-statistic__rating .rating-stars,
            .reviews-statistic__value {
                justify-content: center
            }
            .product-info__content {
                flex-wrap: wrap
            }
            .product-info__content .data-meta,
            .product-info__content .data-name {
                width: 100%
            }
            .product-info__content .data-meta .label,
            .product-info__content .data-name .label {
                display: none
            }
            .product-requirements {
                grid-template-columns: 1fr !important
            }
            .product-requirements__card {
                white-space: nowrap
            }
            .reviews-card__head {
                flex-wrap: wrap
            }
            .reviews-card__head .rating-stars {
                margin-top: 20px;
                width: 100%
            }
        }

        .product-requirements {
            margin-top: 30px;
            padding: 20px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 60px 50px
        }

        .product-requirements__card {
            display: grid;
            grid-template-columns: 48px 1fr;
            grid-gap: 20px;
            align-items: center
        }

        .product-requirements__card .label {
            font-weight: 500;
            font-size: 13px;
            line-height: 20px;
            text-transform: capitalize;
            color: #848a9a;
            margin-bottom: 8px
        }

        .product-requirements__card .text {
            font-weight: 500;
            font-size: 13px;
            line-height: 20px;
            color: #e5e5e5;
            white-space: normal
        }

        .product-reviews {
            margin-top: 30px
        }

        .product-reviews .pagination {
            margin-top: 25px
        }

        .product-support {
            background: hsla(0, 0%, 100%, .02);
            border-radius: 12px;
            padding: 30px;
            margin-top: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .product-support__col {
            display: flex;
            grid-gap: 15px;
            gap: 15px
        }

        .product-support__col svg {
            width: 24px;
            height: 24px
        }

        .product-support__col svg path {
            fill: #848a9a
        }

        .product-support__col p {
            font-size: 13px;
            line-height: 135%;
            letter-spacing: .3px;
            color: #848a9a
        }

        .product-support button {
            background: rgba(129, 166, 207, .2);
            border-radius: 12px;
            padding: 0 25px;
            height: 38px;
            color: #7fa5d1;
            font-weight: 500;
            font-size: 12px;
            letter-spacing: .009em;
            text-decoration: none;
            transition-duration: .25s;
            cursor: pointer
        }

        .product-support button:hover {
            background: #7fa5d1;
            color: #fff;
            transition-duration: .25s
        }

        .product-tags {
            margin-top: 30px;
            display: flex;
            align-items: center;
            grid-gap: 12px;
            gap: 12px
        }

        .product-tags .tag {
            height: 38px;
            font-size: 12px
        }

        .product-tags .account-client {
            height: 38px
        }

        .warranty-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 30px
        }

        .warranty-card {
            padding: 60px;
            text-align: center
        }

        .warranty-card h2 {
            margin-top: 30px;
            font-weight: 600;
            font-size: 18px;
            line-height: 22px;
            color: #fff
        }

        .warranty-card h2,
        .warranty-card p {
            text-align: center;
            letter-spacing: .009em
        }

        .warranty-card p {
            margin-top: 24px;
            font-weight: 300;
            font-size: 13px;
            line-height: 24px;
            color: #848a9a
        }

        .warranty-statistic {
            margin-top: 60px;
            padding: 60px 0;
            border-top: 1px solid hsla(0, 0%, 100%, .04);
            border-bottom: 1px solid hsla(0, 0%, 100%, .04);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 30px
        }

        .warranty-statistic__col {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .warranty-statistic__col span {
            font-weight: 800;
            font-size: 36px;
            line-height: 44px;
            color: #fbfbfb;
            margin-right: 30px
        }

        .warranty-statistic__col p {
            font-weight: 500;
            font-size: 13px;
            line-height: 18px;
            letter-spacing: .009em;
            color: #969aa3
        }

        @media screen and (max-width:1090px) {
            .warranty-cards {
                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
            }
            .warranty-statistic {
                grid-template-columns: 1fr
            }
        }

.mobile-dock {
        display: none;
    }

    @media screen and (max-width: 1135px) {
        .main_container {
            padding-bottom: 96px;
        }

        .mobile-dock {
            position: fixed;
            left: 10px;
            right: 10px;
            bottom: calc(10px + env(safe-area-inset-bottom, 0px));
            z-index: 998;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 4px;
            padding: 7px 6px;
            border-radius: 18px;
            border: 1px solid hsla(0, 0%, 100%, .12);
            background: linear-gradient(180deg, rgba(43, 46, 53, 0.96) 0%, rgba(26, 28, 34, 0.96) 100%);
            box-shadow: 0 18px 32px rgba(0, 0, 0, .35);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }

        .mobile-dock__item {
            flex: 1;
            min-width: 0;
            text-decoration: none;
            color: #aeb3c0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 4px;
            padding: 7px 4px;
            border-radius: 12px;
            transition: color .2s ease, background-color .2s ease;
        }

        .mobile-dock__button {
            border: 0;
            background: transparent;
            cursor: pointer;
            font: inherit;
            position: relative;
        }

        .live-dot {
            position: absolute;
            top: 6px;
            right: 18px;
            width: 8px;
            height: 8px;
            background: #22c55e; /* yeşil */
            border-radius: 50%;
        }

        /* Pulse efekti (opsiyonel ama çok iyi durur) */
        .live-dot::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 50%;
            background: #22c55e;
            animation: pulse 1.5s infinite;
            opacity: 0.6;
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 0.6;
            }
            70% {
                transform: scale(2.2);
                opacity: 0;
            }
            100% {
                opacity: 0;
            }
        }

        .mobile-dock__item span {
            font-size: 11px;
            font-weight: 600;
            line-height: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .mobile-dock__item svg {
            width: 20px;
            height: 20px;
        }

        .mobile-dock__item svg path,
        .mobile-dock__item svg circle {
            stroke: #aeb3c0;
            transition: stroke .2s ease;
        }

        .mobile-dock__item.is-active {
            color: #ffffff;
            background: hsla(0, 0%, 100%, .08);
        }

        .mobile-dock__item.is-active svg path,
        .mobile-dock__item.is-active svg circle {
            stroke: #ffffff;
        }
    }