/*
 * ORCS & PAYERS --------------------------------------------------------------
 * Custom CSS
 *
 * Author:
 * Pavel Soyfer
 * pavelsoyfer.ru
 */

/* VARIABLES --------------------------------------------------------------- */
:root {
    /* Colors */
    /* UI */
    --ui-light: #fffbe5;
    --ui-light-a50: rgba(255, 251, 229, 0.5);
    --ui-light-a60: rgba(255, 251, 229, 0.6);
    --ui-light-a80: rgba(255, 251, 229, 0.8);
    --ui-bg: #0b0f12;
    --ui-bg-a20: rgba(11, 15, 18, 0.2);
    --ui-bg-a40: rgba(11, 15, 18, 0.4);
    --ui-bg-a60: rgba(11, 15, 18, 0.6);
    --ui-bg-a80: rgba(11, 15, 18, 0.8);
    --ui-stroke: rgba(255, 255, 255, 0.1);
    --ui-divider: rgba(255, 255, 255, 0.12);
    --ui-error: #ff0037;

    /* Orc Green */
    --orc-green-300: #d8dd8f;
    --orc-green-400: #c4cc58;
    --orc-green-500: #b1bb20;
    --orc-green-500-a05: rgba(177, 187, 32, 0.05);
    --orc-green-500-a10: rgba(177, 187, 32, 0.1);

    /* Orc Green Gradient */
    --orc-green-gradient: linear-gradient(
        180deg,
        var(--orc-green-300) 0%,
        var(--orc-green-400) 50%,
        var(--orc-green-500) 100%
    );

    /* Typography */

    /* Effects */
    --bg-blur: 10px;
    --shadow-inner-ui: 0 1px 0 0 rgba(255, 255, 255, 0.24) inset;
    --shadow-inner-card: 0 2px 0 0 rgba(255, 255, 255, 0.16) inset;
    --shadow-inner-btn: 0 2px 0 var(--orc-green-300) inset;

    /* Transitions */
    --btn_hover_duration: 0.2s;
}


/* GLOBAL ------------------------------------------------------------------ */
@media screen {
    /* Body overscroll */
    html, body {
        overscroll-behavior: none;
    }

    /* Body overlay */
    body:before {
        content: "";
        display: block;
        border: none !important;
        right: auto;
        transform: none;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background: var(--ui-bg-a40);
        pointer-events: none;
        z-index: 9999;
        backdrop-filter: blur(5px);
        opacity: 0;
        transition: opacity 0.2s ease;
    }
    body.overlay_show:before {
        opacity: 1;
        overflow: hidden;
    }

    /* Scroll bar */
    body::-webkit-scrollbar {
        display: none;
    }

    /* Blocks container (All records) */
    #allrecords {
        overflow: hidden;
    }

    /* Disable focus outlines */
    *:focus {
        outline: none !important;
    }
    
    /* Overflow fix for Zero-block */
    .uc-overflow-visible, 
    .uc-overflow-visible * {overflow: visible !important;}

    
    /* HEADINGS */
        .uc-heading .tn-atom,
        .uc-game_products .t-popup .js-store-prod-name,
        .t706__cartwin-heading,
        .t706__form-upper-text,
        .t702__title {
            position: relative;
            background: repeating-linear-gradient(
                to bottom,
                #fff8d7 0,
                #fff8d7 0.6em,
                #f3c999 0.6em,
                #f3c999 1.07em
            );
            -webkit-background-clip: text;
            color: transparent !important;
        }

        .uc-heading .tn-atom:before,
        .uc-game_products .t-popup .js-store-prod-name:before,
        .t706__cartwin-heading:before,
        .t706__form-upper-text:before,
        .t702__title:before {
            content: attr(data-text);
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-text-stroke: 1px;
            background: repeating-linear-gradient(
                to bottom,
                #fff8d7 0,
                #fff8d7 0.6em,
                #f3c999 0.6em,
                #f3c999 1.07em
            );
            -webkit-background-clip: text !important;
        }

        .uc-heading .tn-atom:after,
        .uc-game_products .t-popup .js-store-prod-name:after,
        .t706__cartwin-heading:after,
        .t706__form-upper-text:after,
        .t702__title:after {
            content: attr(data-text);
            display: block;
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            color: black;
            text-align: inherit;
            z-index: -1;
            -webkit-text-stroke: 8px black;
        }

        /* Heading icon */
        .uc-heading_icon:before,
        .uc-heading_icon:after {
            content: "";
            display: block;
            width: 48px;
            height: 48px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 24px;
            box-sizing: border-box;
        }
        .uc-heading_icon:before {
            border: 1px solid var(--ui-stroke);
            background-color: var(--ui-bg-a20);
            backdrop-filter: blur(var(--bg-blur));
            z-index: -1;
        }
        .uc-heading_icon:after {
            box-shadow: var(--shadow-inner-ui);
        }

    
    /* BUTTONS */
        /* Button inner container */
        .btn_primary .tn-atom__button-content,
        .btn_secondary .tn-atom__button-content {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            position: relative;
        }

        /* Button (Primary) */
        .btn_primary .tn-atom,
        .uc-game_products .t-store__prod-popup__btn,
        .t-submit,
        .order_custom-chat-button {
            height: 54px !important;
            position: relative;
            background: var(--orc-green-300) !important;
            transition-duration: var(--btn_hover_duration) !important;
            transition-timing-function: ease !important;
        }

        /* Button (Primary) hover background */
        .btn_primary .tn-atom:before,
        .uc-game_products .t-store__prod-popup__btn:before,
        .t-submit:before,
        .order_custom-chat-button:before {
            content: "";
            display: block;
            width: 100%;
            height: calc(100% - 2px);
            position: absolute;
            top: 2px;
            left: 0;
            border-radius: inherit;
            background: var(--orc-green-500);
            transition: transform;
            transition-duration: var(--btn_hover_duration);
            transition-timing-function: ease;
        }

        /* Button (Primary) hover */
        .btn_primary .tn-atom:hover,
        .uc-game_products .t-store__prod-popup__btn:hover,
        .t-submit:hover,
        .order_custom-chat-button:hover {
            background: var(--orc-green-400) !important;
        }

        .btn_primary .tn-atom:hover:before,
        .uc-game_products .t-store__prod-popup__btn:hover:before,
        .t-submit:hover:before,
        .order_custom-chat-button:hover:before {
            transform: translateY(100%);
        }

        /* Button (Secondary) */
        .btn_secondary .tn-atom,
        .btn_tertiary .tn-atom {
            position: relative;
            height: 54px !important;
            box-shadow: var(--shadow-inner-btn);
        }

        /* Button (Secondary) icon */
        .btn_secondary .tn-atom_button-icon,
        .btn_tertiary .tn-atom_button-icon {
            transition: filter var(--btn_hover_duration) ease;
        }

        /* Button (Secondary) hover background */
        .btn_secondary .tn-atom:before,
        .btn_tertiary .tn-atom:before,
        .uc-header .t-btn:before,
        .t657__btn:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0px;
            border-radius: inherit;
            opacity: 0.1;
            background: var(--orc-green-500);
            transform: translateY(-100%);
            transition: transform var(--btn_hover_duration) ease;
        }

        /* Button (Secondary) hover */
        .btn_secondary .tn-atom:hover:before,
        .btn_tertiary .tn-atom:hover:before,
        .uc-header .t-btn:hover:before,
        .t657__btn:hover:before {
            transform: translateY(0);
        }

        /* Button (Tertiary) */
        .btn_tertiary .tn-atom {
            height: 44px !important;
        }
        .btn_tertiary .tn-atom__button-text {
            position: relative;
            bottom: 1px;
        }

    
    /* CHIPS */
    .uc-chip > *,
    .order_card_category,
    .uc-game_popup_game-title,
    .uc-game_products .t-popup .js-product-brand {
        background: var(--ui-bg-a80) !important;
        box-shadow: var(--shadow-inner-ui);
        font-size: 13px;
        font-family: "OrcsAndPayers", sans-serif;
        font-weight: 400;
        line-height: 14px;
        border-radius: 8px;
        padding: 9px 12px;
        color: var(--ui-light-a80);
        position: relative;
        backdrop-filter: blur(var(--bg-blur));
    }

    .uc-chip > *:after,
    .order_card_category:after,
    .uc-game_popup_game-title:after,
    .uc-game_products .t-popup .js-product-brand:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: inherit;
        border: 1px solid var(--ui-stroke);
        box-sizing: border-box;
    }

    
    /* INPUTS */
        /* Cart form input group */
        .t-input-group {
            margin-bottom: 56px !important;
            position: relative;
        }
        .t702 .t-input-group {flex-grow: 1;}

        /* Cart form input label */
        .t-input-title {
            width: 100% !important;
            font-size: 14px !important;
            font-weight: 500;
            line-height: 14px;
            color: var(--ui-light-a80) !important;
        }
    
        /* Cart form inputs order*/
        .t-form__inputsbox > * {order: 1;}

        /* Cart form input (Base) */
        .t-input-group .t-input {
            height: auto;
            font-size: 16px;
            line-height: 24px;
            padding: 12px 0 14px 0;
            border: none !important;
            color: white !important;
            position: relative;
        }

        /* Cart form input underline */
        .t-input-group:before {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            border-radius: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: var(--orc-green-gradient);
            opacity: 0.7;
            transition: opacity 0.1s ease;
            z-index: 9;
        }
        .t-input-group:hover:before {
            opacity: 1 !important;
        }

        .t-input-group_ws:before,
        .t-input-group_tx:before,
        .t-input-group_rd:before,
        .t-input-group_cb:before {
            display: none !important;
        }

        /* Cart form input placeholder */
        .t-input-group.t-input::placeholder {
            transition: opacity 0.1s ease;
        }
        .t-input-group:hover .t-input::placeholder {
            opacity: 0.7 !important;
        }

    
        /* Cart form input group (Spacer / Divider) */
        .t-input-group_ws {
            flex-basis: 100%;
            flex-grow: 1;
            height: 1px;
            border-radius: 1px;
            background: var(--ui-stroke);
        }
    
    
        /* Cart form input group (Privacy checkbox) */
        .t-input-group.t-input-group_cb[data-field-name="privacyCheckbox"] {
            flex-basis: 100%;
            margin-bottom: 32px !important;
        }

        /* Cart privacy checkbox inner */
        .t-input-group.t-input-group_cb[data-field-name="privacyCheckbox"]
        .t-checkbox__control {
            width: fit-content;
            gap: 12px;
        }

        /* Cart privacy checkbox indicator */
        .t-input-group_cb .t-checkbox__indicator {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            border: none;
            opacity: 1;
            position: relative;
            background-color: var(--orc-green-500-a05);
            transition: background-color 0.1s ease;
        }
        .t-checkbox__control:hover .t-checkbox__indicator,
        .t-checkbox:checked ~ .t-checkbox__indicator {
            background-color: var(--orc-green-500-a10);
        }

        /* Cart privacy checkbox indicator square */
        .t-input-group_cb .t-checkbox__indicator:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            top: 12px;
            left: 12px;
            background: url(https://static.tildacdn.com/tild6663-3438-4733-a261-356234393737/square20px_accent.svg);
            opacity: 0.7;
            transition: opacity 0.1s ease;
        }
        .t-checkbox__control:hover .t-checkbox__indicator:before,
        .t-checkbox:checked ~ .t-checkbox__indicator:before {
            opacity: 1;
        }

        /* Cart privacy checkbox indicator checkmark */
        .t-input-group_cb .t-checkbox__indicator:after {
            content: "";
            display: block;
            width: 12px !important;
            height: 10px !important;
            position: absolute;
            top: 17px;
            left: 16px;
            background: url(https://static.tildacdn.com/tild6235-6562-4166-b131-323933353332/check12x10px_accent.svg);
            border: none;
            transform: none;
            opacity: 0;
            transition: opacity 0.1s ease;
        }
        .t-checkbox__control:hover .t-checkbox__indicator:after {
            opacity: 0.5;
        }
        .t-checkbox:checked ~ .t-checkbox__indicator:after {
            opacity: 1;
        }

        /* Cart privacy checkbox label text and link */
        .t-input-group_cb span,
        .t-input-group_cb span a {
            font-size: 16px;
            line-height: 1;
            color: var(--ui-light) !important;
        }
        .t-input-group_cb span a {
            font-weight: 500;
            position: relative;
            transition: color 0.1s ease;
        }
        .t-input-group_cb span a:hover {
            color: white !important;
        }

        /* Cart privacy checkbox link underline */
        .t-input-group_cb span a:before,
        .t-input-group_cb span a:after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 1px;
            bottom: -2px;
            background: var(--orc-green-500);
        }
        .t-input-group_cb span a:before {
            opacity: 0.3;
        }
        .t-input-group_cb span a:after {
            transform-origin: left center;
            transform: scaleX(0);
            transition: transform 0.1s ease;
        }
        .t-input-group_cb span a:hover:after {
            transform: scaleX(1);
        }

    
        /* Cart submit button */
        .t-form__submit {
            flex-basis: 30%;
            flex-grow: 1;
            margin: 0 6px 0 0 !important;
        }
        .t-submit span {
            z-index: 9;
        }
    
    
    /* POP-UP & CART CLOSE BUTTON */
        /* Pop-up scrollbar */
        .t-popup::-webkit-scrollbar {
            display: none;
        }

        /* Pop-up */
        .t-popup__container {
            background: var(--ui-bg-a80) !important;
            backdrop-filter: blur(var(--bg-blur));
            box-shadow: var(--shadow-inner-ui);
            position: relative;
            margin-top: 100px !important;
            margin-bottom: 100px !important;
        }

        /* Pop-up border */
        .t-popup__container:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            box-sizing: border-box;
            border: 1px solid var(--ui-stroke);
            position: absolute;
            top: 0;
            left: 0;
        }
    
        /* Pop-up overlay */
        .t702 .t-popup {backdrop-filter: blur(5px);    }

        /* Pop-up inner wrapper */
        .t702 .t702__wrapper {
            padding: 48px 42px 60px 42px;
        }
    
    
        /* Pop-up heading */
        .t702 .t702__text-wrapper {margin-bottom: 32px;}

    
        /* Close button */
        .t-popup .t-popup__close,
        .t706 .t706__close-button {
            width: 44px;
            height: 44px;
            right: 26px;
            top: 26px;
            background: var(--ui-bg-a40) !important;
            border-radius: 12px;
            box-sizing: border-box;
            border: 1px solid var(--ui-stroke);
            transition: border-color 0.25s ease;
            backdrop-filter: blur(var(--bg-blur));
        }
        .t706 .t706__close {
            right: 26px;
            top: 26px;
            width: 44px;
            height: 44px;
            position: sticky;
            margin-left: auto;
            margin-bottom: -44px;
        }

        /* Close button hover */
        .t-popup .t-popup__close:hover,
        .t706 .t706__close-button:hover {
            opacity: 1 !important;
            border-color: var(--orc-green-300);
        }

        /* Close button inner shadow and hover background */
        .t-popup .t-popup__close:before,
        .t706 .t706__close-button:before {
            content: "";
            display: block;
            width: calc(100% + 2px);
            height: calc(100% + 2px);
            position: absolute;
            left: -1px;
            top: -1px;
            border-radius: inherit;
            background: url(https://static.tildacdn.com/tild3638-6430-4131-b530-633530336137/temp.svg);
            background-size: 44px 44px;
            background-repeat: no-repeat;
            background-position: top -45px left 0;
            transition: background-position 0.25s ease;
            box-shadow: var(--shadow-inner-ui);
        }
        .t706 .t706__close-button:before {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-size: 42px 42px;
        }
        .t-popup .t-popup__close:hover:before,
        .t706 .t706__close-button:hover:before {
            background-position: top 0 left 0;
        }

        /* Close button icon */
        .t-popup .t-popup__close:after,
        .t706 .t706__close-button:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            background: url(https://static.tildacdn.com/tild3965-3761-4839-a134-313830613539/cross14px_accent.svg);
            background-position: center center;
            background-repeat: no-repeat;
            transition: filter 0.25s ease;
        }
        .t-popup .t-popup__close:hover:after,
        .t706 .t706__close-button:hover:after {
            filter: brightness(1.4) saturate(0.35) hue-rotate(-45deg);
        }

        /* Close button inner elements */
        .t-popup .t-popup__close *,
        .t706 .t706__close-button * {
            opacity: 0;
        }
    
    
    /* ERROR STATES */
        /* Default styles */
        .t-input-group_cb:is(.t-form.js-error-control-box:has(.t-input-block + .t-input-error)) .t-checkbox__control,
        .t-input-group_rd:is(.t-form .js-error-control-box:has(.t-input-block + .t-input-error)) .t-input-block,
        .t-input-group_rs:is(.t-form .js-error-control-box:has(.t-input-block + .t-input-error)) .t-input-block,
        :is(.t-form .js-error-control-box:has(.t-input-block + .t-input-error)) .t-input:not(.t-input-phonemask):not(.t-input-ownanswer):not(.t-input__own-answer),
        :is(.t-form .js-error-control-box:has(.t-input-block + .t-input-error)) .t-select,
        :is(.t-form .js-error-control-box:has(.t-input-block + .t-input-error)) .uploadcare-widget {
            border: none !important;
            border-width: 0 !important;
            padding-left: 0 !important;
        }
        .t-input-group_cb:is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) .t-checkbox__control, .t-input-group_rd:is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) .t-input-block, .t-input-group_rs:is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) .t-input-block, :is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) .t-input:not(.t-input-phonemask):not(.t-input-ownanswer):not(.t-input__own-answer), :is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) .t-select, :is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) .uploadcare-widget {
            border: none !important;
            border-width: 0 !important;
            padding-left: 0 !important;
        }

        /* Input error */
        .t-input-error {
            display: none !important;
        }
        .t-input-group.js-error-control-box:before {
            background: var(--ui-error);
            opacity: 1;
        }

        /* Checkbox error */
        .js-error-control-box .t-checkbox__indicator {
            background-color: rgba(255, 0, 0, 0.1);
        }
        .js-error-control-box .t-checkbox__indicator:before,
        .js-error-control-box .t-checkbox__indicator:after {
            filter: hue-rotate(-72deg) saturate(5);
        }

        /* Error message wrapper */
        .t-form__errorbox-middle {
            display: none !important;
            order: 100;
            padding: 12px;
            border-radius: 12px;
            margin-top: 20px !important;
            background: rgba(255, 0, 0, 0.1);
        }
        .js-error-control-box ~ .t-form__errorbox-middle {
            display: block !important;
        }

        /* Error message */
        .js-errorbox-all {
            margin: 0 !important;
            padding: 0;
            background: none;
            text-align: left;
            display: flex !important;
            align-items: center;
            gap: 10px;
        }
        .js-errorbox-all:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            background: url(https://static.tildacdn.com/tild3533-3164-4562-a262-373639613166/warning20px_red.svg);
            background-repeat: no-repeat;
            background-position: center;
        }

        /* Error message inner */
        .js-errorbox-all ul,
        .js-errorbox-all ul * {
            padding: 0 !important;
            margin: 0 !important;
            font-size: 16px;
            color: var(--ui-light) !important;
        }
        .js-errorbox-all ul {
            gap: 4px;
            display: flex;
            flex-direction: column;
        }

        /* AUTO-FILL (CHROME, WEBKIT) */
        .t-input-group .t-input:-webkit-autofill,
        .t-input-group .t-input:-webkit-autofill:hover,
        .t-input-group .t-input:-webkit-autofill:focus,
        .t-input-group .t-input:-webkit-autofill:active {
            -webkit-text-fill-color: white;
            -webkit-box-shadow: 0 0px 0px 25px #242914 inset !important;
        }

        
    /* SUCCESS MESSAGE */
        /* Seccess message container */
        .js-successbox {
            background: none;
            text-align: left;
            height: 164px;
            padding: 0 42px;
            margin: 0;
        }

        /* Success message image */
        .js-successbox:before {
            content: "";
            display: block;
            width: calc(164px + 16px);
            height: 164px;
            background: url(https://static.tildacdn.com/tild3061-6232-4631-b866-323138653435/thumb164px.svg);
            background-size: 164px 164px;
            background-position: left center;
            background-repeat: no-repeat;
            float: left;
        }

        /* Text breaks */
        .js-successbox br {
            display: none;
        }

        /* Text elements */
        .js-successbox span {
            color: var(--ui-light);
        }
        .js-successbox *:nth-child(1),
        .js-successbox *:nth-child(3),
        .js-successbox *:nth-child(5) {
            display: block;
            width: calc(100% - 164px - 16px);
            float: left;
        }
        .js-successbox *:nth-child(1) {
            margin-top: 17px;
            margin-bottom: 8px;
        }
        .js-successbox *:nth-child(3) {
            opacity: 0.9;
            margin-bottom: 12px;
        }
        .js-successbox *:nth-child(5) {
            opacity: 0.6;
        }
        .js-successbox *:nth-child(6) {
            float: left;
            position: relative;
            bottom: 22px;
            left: 266px;
            font-weight: 500 !important;
            opacity: 0.8;
            color: var(--ui-light) !important;
            transition: opacity 0.1s ease;
        }
        .js-successbox *:nth-child(6):hover {
            opacity: 1;
        }
        .js-successbox *:nth-child(6):before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            border-radius: 1px;
            background: var(--orc-green-500);
            position: absolute;
            bottom: -1px;
            left: 0;
            opacity: 0.3;
        }
        .js-successbox *:nth-child(6):after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            border-radius: 1px;
            background: var(--orc-green-500);
            position: absolute;
            bottom: -1px;
            left: 0;
            transform-origin: left center;
            transform: scaleX(0);
            transition: transform 0.1s ease;
        }
        .js-successbox *:nth-child(6):hover:after {
            transform: scaleX(1);
        }
}


/* DARK MAGIC */
#allrecords ~ div {
    height: 0px;
    overflow: hidden;
}


/* DESKTOP ----------------------------------------------------------------- */
@media screen {
    /* HEADER -------------------------------------------------------------- */
    @media screen {
        /* Header (Pop-up open) */
        .t-body_popupshowed .uc-header .t-menu-base,
        .t706__body_cartwinshowed .uc-header .t-menu-base {
            transform: translateY(calc(-1 * (100% + 12px)));
        }

        /* Header wrapper */
        .uc-header .t1272 {
            display: flex;
            justify-content: center;
        }

        /* Header base container & background */
        .uc-header .t-menu-base {
            max-width: 1656px;
            background: transparent !important;
            z-index: 9999999;
            transition: transform 0.2s ease;
        }

        /* Header inner container */
        .uc-header .t-menu-base__maincontainer {
            padding: 0 28px;
            height: 100% !important;
            position: relative;
            background: var(--ui-bg-a80);
            backdrop-filter: blur(8px);
            box-shadow: var(--shadow-inner-ui) !important;
            gap: 0;
        }

        /* Header border */
        .uc-header .t-menu-base__maincontainer:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid var(--ui-stroke);
            border-radius: inherit;
            box-sizing: border-box;
            pointer-events: none;
        }

        /* Header logo container */
        .uc-header .t-menu-base__logo {
            gap: 0;
        }

        /* Header logo link */
        .uc-header .t-menu-base__logo a:focus {
            outline: none !important;
        }

        /* Header left divider */
        .uc-header .t-menu-base__logo:after {
            content: "";
            display: block;
            width: 1px;
            height: 36px;
            border-radius: 1px;
            background-color: var(--ui-divider);
            margin: 0 28px 0 22px;
        }

        /* HEADER NAV */
        /* Header nav items container */
        .uc-header .t-menu-base__list {
            flex-grow: 1;
            justify-content: flex-end;
            gap: 29px !important;
        }

        /* Header nav first item */
        .uc-header .t-menu-base__list-item:first-child {
            margin-right: auto;
        }

        /* Header nav first item inner link */
        .uc-header .t-menu-base__list-item:first-child .t-menu__link-item {
            display: flex;
            align-items: center;
            height: 22px !important;
        }

        /* Header nav first item icon */
        .uc-header
            .t-menu-base__list-item:first-child
            .t-menu__link-item:before {
            content: "";
            display: block;
            width: 24px;
            height: 18px;
            background-image: url(https://static.tildacdn.com/tild3564-3766-4730-b939-633537643362/gamepad24x18px_accen.svg);
            margin-right: 8px;
        }

        /* Header nav first item arrow */
        .uc-header .t966__arrow {
            margin-left: 8px;
        }
        .uc-header .t966__arrow::after {
            border: none;
            width: 10px;
            height: 8px;
            background-image: url(https://static.tildacdn.com/tild3830-3531-4236-b262-653032343366/chevron_small_d10x8p.svg);
        }
        .uc-header .t966__tm-link_active .t966__arrow::after {
            transform: translateY(-30%) rotate(180deg);
        }

        /* Header nav item */
        .uc-header .t-menu-base__list-item {
            position: relative;
            display: flex !important;
            align-items: center;
        }

        /* Header nav item underline */
        .uc-header .t-menu-base__list-item:not(:first-child):after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            position: absolute;
            bottom: -24px;
            border-radius: 2px 2px 0 0;
            background: var(--orc-green-gradient);
            transform: scaleX(0);
            transform-origin: left bottom;
            transition: transform 0.2s ease;
        }
        .uc-header .t-menu-base__list-item:not(:first-child):hover:after {
            transform: scaleX(1);
        }

        /* Header nav item (Support) */
        .uc-header .t-menu__link-item[href*="support"] {
            display: flex;
            align-items: center;
            position: relative;
            margin-left: 29px;
        }

        /* Header nav item (Support) icon */
        .uc-header .t-menu__link-item[href*="support"]:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            margin-right: 8px;
            background: url(https://static.tildacdn.com/tild6130-6437-4532-b130-326362623761/message20px_accent.svg);
        }

        /* Header nav item (Support) divider */
        .uc-header .t-menu__link-item[href*="support"]:after {
            content: "";
            display: block;
            width: 1px;
            height: 36px;
            border-radius: 1px;
            background: var(--ui-divider);
            position: absolute;
            left: -29px;
            top: 50%;
            transform: translateY(-50%);
        }

        /* Header nav item (Support) underline fix */
        .uc-header .t-menu-base__list-item:last-child:after {
            width: calc(100% - 29px);
            right: 0;
            left: auto;
        }

        /* Header right divider */
        .uc-header .t-menu-base__rightwrapper:before {
            content: "";
            display: block;
            width: 1px;
            height: 36px;
            border-radius: 1px;
            margin: 0 28px;
            background-color: var(--ui-divider);
        }

        /* Header button */
        #rec1925657191.uc-header .t-btnflex.t-btnflex_type_button {
            position: relative;
            box-shadow: 0px 2px 0 var(--orc-green-300) inset !important;
        }

        /* Header button text */
        .uc-header .t-menu-base__buttons .t-btnflex__text {
            position: relative;
            bottom: 1px;
            overflow: visible;
        }

        /* HEADER SUB-NAV (DROPDOWN) */
        .uc-header_sub-nav {
            --open-duration: 0.2s;
            --item-hover-duration: 0.15s;
        }

        /* Header sub-nav container */
        .uc-header_sub-nav .t966__tooltip-menu {
            display: block !important;
            visibility: hidden;
            border: none !important;
            background: transparent !important;
            backdrop-filter: blur(10px);
            transform: translate(
                max(297px, calc(245px + (100vw - 1656px) / 2)),
                calc(90px + 12px)
            );
            transition: visibility, opacity, transform;
            transition-duration: 0s, var(--open-duration), var(--open-duration);
            transition-delay: var(--open-duration), 0s, 0s;
            left: 0 !important;
            top: 0 !important;
        }

        /* Header sub-nav background */
        .uc-header_sub-nav .t966__tooltip-menu::after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            position: fixed;
            top: 0;
            left: 0;
            background-color: var(--ui-bg-a80) !important;
            border: none !important;
            outline: 1px solid var(--ui-stroke);
            box-shadow: var(--shadow-inner-ui);
            transform: none;
        }

        /* Header sub-nav open animation */
        .uc-header_sub-nav .t966__tooltip-menu_show {
            visibility: visible;
            transform: translate(
                max(297px, calc(245px + (100vw - 1656px) / 2)),
                90px
            );
            transition-delay: 0s, 0s, 0s;
        }
        .uc-header_sub-nav .t966__content,
        .uc-header_sub-nav .t966__tooltip-menu:after {
            transition: transform var(--open-duration) ease;
            transform: scale(0.98);
            transform-origin: top 15%;
        }
        .uc-header_sub-nav .t966__tooltip-menu_show .t966__content,
        .uc-header_sub-nav .t966__tooltip-menu_show:after {
            transform: scale(1);
        }

        /* Header sub-nav inner container */
        .uc-header_sub-nav .t966__content {
            padding: 12px 8px;
            background: none !important;
            position: relative;
            z-index: 9;
            overscroll-behavior: contain;
        }
        .t966__content::-webkit-scrollbar {
            display: none;
        }

        /* Header sub-nav items container (list) */
        .uc-header_sub-nav .t966__menu-list {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        /* Header sub-nav item */
        .uc-header_sub-nav .t966__menu-list-row {
            height: 52px;
            border-radius: 10px;
            position: relative;
        }

        /* Header sub-nav item background */
        .uc-header_sub-nav .t966__menu-list-row:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            position: absolute;
            left: 0;
            top: 0;
            transition: opacity var(--item-hover-duration) ease;
            z-index: -1;
            pointer-events: none;
            background: rgba(255, 255, 255, 0.06);
            opacity: 0;
        }
        .uc-header_sub-nav .t966__menu-list-row:hover:before {
            opacity: 1;
        }

        /* Hader sub-nav item link */
        .uc-header_sub-nav .t966__menu-link {
            height: 100%;
        }

        /* Header sub-nav item inner container */
        .uc-header_sub-nav .t966__menu-item {
            align-items: center;
            height: 100% !important;
            margin: 0 !important;
            padding: 0 60px 0 14px;
        }

        /* Header sub-nav item icon wrapper */
        .t966__menu-item-icon-wrapper {
            position: relative;
        }
    }

    /* FOOTER -------------------------------------------------------------- */
    @media screen {
        /* Footer background */
        .uc-footer {
            background: var(--ui-bg-a20);
            backdrop-filter: blur(var(--bg-blur));
            position: relative;
            z-index: 9;
        }

        /* Footer main */
        .uc-footer_main {
            width: 100% !important;
            margin: 0 auto;
            position: relative !important;
            max-width: 1760px;
        }

        /* Footer logo and legal */
        @media screen and (max-width: 1440px) {
            .uc-footer_left {
                width: 22vw !important;
            }
        }

        /* Footer nav and social buttons */
        .uc-footer_right {
            max-width: 900px;
            width: auto !important;
            flex-grow: 1;
        }

        /* LINKS */
        /* Footer links */
        .uc-footer_nav-link .tn-atom,
        .uc-footer_bottom-link .tn-atom {
            opacity: 1 !important;
        }

        .uc-footer_nav-link a {
            color: var(--ui-light-a80) !important;
        }
        .uc-footer_bottom-link a {
            color: var(--ui-light-a50) !important;
        }
        .uc-footer_nav-link a,
        .uc-footer_bottom-link a {
            display: block;
            position: relative;
            transition: color 0.1s ease !important;
        }

        /* Footer links (Hover) */
        .uc-footer_nav-link a:hover,
        .uc-footer_bottom-link a:hover {
            color: var(--orc-green-400) !important;
        }

        /* Footer links underline */
        .uc-footer_nav-link a:before,
        .uc-footer_bottom-link a:before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 1px;
            transition: transform 0.1s ease;
            transform: scaleX(0);
            transform-origin: left center;
            background: var(--orc-green-gradient);
        }

        /* Footer links underline (Hover) */
        .uc-footer_nav-link a:hover:before,
        .uc-footer_bottom-link a:hover:before {
            transform: scaleX(1);
        }

        /* Footer designer link icon */
        .uc-footer_designer-link_icon {
            transition: filter 0.1s ease;
        }
        .uc-footer_designer-link_icon .tn-atom {
            transition: opacity 0.1s ease !important;
        }
        .uc-footer_bottom-link:hover ~ .uc-footer_designer-link_icon {
            filter: brightness(1) !important;
        }
        .uc-footer_bottom-link:hover ~ .uc-footer_designer-link_icon .tn-atom {
            opacity: 1 !important;
        }

        /* SOCIAL BUTTONS */
        .uc-footer_social-link * {
            box-sizing: border-box;
        }
        .uc-footer_social-link .tn-molecule {
            background: var(--ui-bg-a20) !important;
            outline: 1px solid var(--ui-stroke);
            outline-offset: -1px;
            box-shadow: var(--shadow-inner-ui);
            transition: outline-color 0.25s ease !important;
            overflow: hidden !important;
        }
        .uc-footer_social-link .tn-molecule:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: var(--orc-green-500);
            transform-origin: top center;
            opacity: 0.1;
            transform: scaleY(0);
            transition: transform 0.25s ease;
        }
        .uc-footer_social-link .tn-atom {
            transition: filter 0.25s ease;
        }

        /* Social button hover */
        .uc-footer_social-link:hover .tn-molecule {
            outline-color: var(--orc-green-400);
        }
        .uc-footer_social-link .tn-molecule:hover:before {
            transform: scaleY(1);
        }
        .uc-footer_social-link:hover .tn-atom {
            filter: brightness(1.4) saturate(0.35) hue-rotate(-45deg);
        }
    }

    /* INDEX --------------------------------------------------------------- */
    @media screen {
        /* HERO */
            /* Hero content container */
            .index_hero-content {
                top: 50% !important;
                left: 50% !important;
                transform: translate(-50%, -50%);
            }

            /* Hero scroll marker */
            .uc-index_scroller_bg .tn-atom {
                border: 1px solid var(--ui-stroke) !important;
                background: var(--ui-bg-a20);
                backdrop-filter: blur(var(--bg-blur));
                box-shadow: var(--shadow-inner-ui);
                transition: border-radius 0.2s ease !important;
            }
            body.scrolled .uc-index_scroller_bg .tn-atom {
                border-radius: 24px !important;
            }

            /* Hero scroll marker arrow */
            .uc-index_scroller_arrow {
                transition: opacity 0.3s ease 0.3s !important;
            }
            body.scrolled .uc-index_scroller_arrow {
                opacity: 0;
                transition: opacity 0.3s ease 0s !important;
            }

            /* Hero scroll marker icon */
            .uc-index_scroller_icon .tn-atom {
                transition: opacity 0.3s ease 0s !important;
            }
            body.scrolled .uc-index_scroller_icon .tn-atom {
                opacity: 1 !important;
                transition: opacity 0.3s ease 0.3s !important;
            }

        
        /* CATALOG */
        .uc-index_catalog {
            --card-hover-duration: 0.2s;
            --link-hover-duration: 0.1s;
        }

            /* Catalog background */
            .uc-index_catalog_bg-1 {
                left: 0 !important;
}

            /* Catalog block container */
            .uc-index_catalog .t396__artboard {
                align-items: stretch !important;
                display: grid !important;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                padding-left: max(104px, calc((100vw - 1552px) / 2)) !important;
                padding-right: max(104px, calc((100vw - 1552px) / 2)) !important;
}

            /* Game card */
            .game-card {
                width: auto !important;
                z-index: 9 !important;
            }

            /* Game card background */
            .game-card:after {
                content: "";
                display: block;
                width: calc(100% + 2 * 24px);
                height: calc(100% + 14px + 32px);
                border-radius: 20px;
                border: 1px solid var(--ui-stroke);
                position: absolute;
                left: -24px;
                top: -14px;
                box-sizing: border-box;
                opacity: 0;
                background: var(--ui-bg-a20);
                backdrop-filter: blur(var(--bg-blur));
                transition: opacity, transform;
                transition-duration: var(--card-hover-duration);
                transition-timing-function: ease;
                transform: translateY(8px) scale(0.98);
                transform-origin: top center;
            }

            /* Game card background (on card hover) */
            .game-card:hover:after {
                opacity: 1;
                transform: translateY(0) scale(1);
            }

            /* Game card cover wrapper */
            .game-card_cover-wrapper {
                width: calc(100% + 2 * 23px) !important;
            }

            /* Game card cover wrapper (inner) */
            .game-card_cover-wrapper .tn-molecule {
                transition: opacity, transform !important;
                transition-duration: var(--card-hover-duration) !important;
                transition-timing-function: ease !important;
                transform: translateY(8px) scale(0.98);
                transform-origin: bottom center;
            }

            /* Game card cover wrapper (on card hover) */
            .game-card:hover .game-card_cover-wrapper .tn-molecule {
                opacity: 1 !important;
                transform: translateY(0) scale(1);
            }

            /* Game card cover overlay */
            .game-card_cover-wrapper .tn-molecule:after {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                border-radius: inherit;
                z-index: 9;
                box-shadow: var(--shadow-inner-card) !important;
                pointer-events: none;
                background: linear-gradient(
                    195deg,
                    rgba(0, 0, 0, 0.1) 0%,
                    rgba(0, 0, 0, 0.85) 100%
                );
            }

            /* Game card cover image */
            .game-card_cover {
                transition: transform var(--card-hover-duration) ease;
            }

            /* Game card cover image (on card hover) */
            .game-card:hover .game-card_cover {
                transform: scale(1.05);
            }

            /* Game card cover logo */
            .game-card_logo {
                transition: transform var(--card-hover-duration) ease;
                transform-origin: top left;
            }

            /* Game card cover logo (on card hover) */
            .game-card:hover .game-card_logo {
                transform: scale(0.96);
            }

            /* Game card title */
            .game-card_title h3 {
                background: var(--orc-green-gradient);
                -webkit-background-clip: text;
                background-clip: text;
                transition: color var(--card-hover-duration) ease !important;
            }
            .game-card:hover .game-card_title h3 {
                color: transparent !important;
            }

            /* Game card link */
            .game-card_link a {
                opacity: 0.8;
                transition-property: opacity, color;
                transition-duration: var(--link-hover-duration);
                transition-timing-function: ease;
                position: relative;
            }
            .game-card_link a:hover {
                color: var(--orc-green-400) !important;
                opacity: 1;
            }

            /* Game card link underline */
            .game-card_link a:before {
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                position: absolute;
                left: 0;
                bottom: -1px;
                border-radius: 1px;
                background-color: var(--orc-green-400);
                transform: scaleX(0);
                transform-origin: left center;
                transition: transform var(--link-hover-duration) ease;
            }
            .game-card_link a:hover:before {
                transform: scaleX(1);
            }

            /* Game card link dot (first in row) */
            .game-card_dot-lead {
                display: none !important;
            }

            /* Game card link dot (last) */
            .game-card_dot-last {
                opacity: 0;
            }

            /* Request game card */
            .request-game-card {
                width: auto !important;
                height: auto !important;
                min-height: 216px;
                z-index: 99 !important;
            }

            /* Request game card background and stroke */
            .request-game-card:before,
            .request-game-card:after {
                content: "";
                display: block;
                width: calc(100% + 2 * 24px);
                height: calc(100% + 14px + 32px);
                position: absolute;
                top: -14px;
                left: -24px;
                border-radius: 20px;
                box-sizing: border-box;
            }
            .request-game-card:before {
                background: var(--ui-bg-a20);
                backdrop-filter: blur(var(--bg-blur));
                box-shadow: var(--shadow-inner-ui);
                background-size: 758px auto;
                background-position: right -360px bottom -154px;
                background-repeat: no-repeat;
            }
            .request-game-card:after {
                border: 1px solid var(--ui-stroke);
                pointer-events: none;
            }

            /* Request game card hat graphic */
            .request-game-card_hat {
                left: auto !important;
                right: -113px;
                filter: drop-shadow(-8px 8px 24px var(--ui-bg));
            }

        
        /* HOW IT WORKS */
            /* How it works block container */
            .uc-index_HIW .t396__artboard {
                flex-wrap: wrap !important;
                max-width: 1760px;
                margin: 0 auto;
            }

            /* How it works card */
            .uc-index_HIW_card {
                flex-basis: 20%;
                flex-grow: 1;
                align-self: stretch !important;
            }

            /* How it works card background */
            .uc-index_HIW_card > .tn-molecule {
                padding-top: 32px !important;
                background: var(--ui-bg-a20);
                border-radius: 20px;
                box-shadow: var(--shadow-inner-ui);
                backdrop-filter: blur(var(--bg-blur));
            }

            /* How it works card (last) background */
            .uc-index_HIW_card[data-card="last"] > .tn-molecule {
                background: var(--ui-bg-a80);
                box-shadow: var(--shadow-inner-btn);
            }

            /* How it works card border */
            .uc-index_HIW_card > .tn-molecule:before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                border-radius: inherit;
                pointer-events: none;
                box-sizing: border-box;
                border: 1px solid var(--ui-stroke);
            }

            /* How it works card (last) border */
            .uc-index_HIW_card[data-card="last"] > .tn-molecule:before {
                border: 1px solid var(--orc-green-500);
            }
            @supports (mask-composite: exclude) {
                .uc-index_HIW_card[data-card="last"] > .tn-molecule:before {
                    border: 1px solid transparent;
                    background-image: var(--orc-green-gradient);
                    background-clip: border-box;
                    -webkit-mask:
                        linear-gradient(#fff 0 0) padding-box,
                        linear-gradient(#fff 0 0);
                    -webkit-mask-composite: destination-out;
                    mask-composite: exclude;
                }
                .uc-index_HIW_card[data-card="last"] > .tn-molecule:after {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    border-radius: inherit;
                    border-top: 1px solid var(--orc-green-300);
                    border-bottom: 1px solid var(--orc-green-500);
                    box-sizing: border-box;
                    pointer-events: none;
                }
            }

            /* How it works card cutouts */
            @supports (mask-mode: luminance) {
                .uc-index_HIW_card > .tn-molecule {
                    -webkit-mask-image: url(https://static.tildacdn.com/tild3038-3038-4561-b035-383066313838/mask-left-right.svg);
                    mask-mode: luminance;
                }
                .uc-index_HIW_card[data-card="first"] > .tn-molecule {
                    -webkit-mask-image: url(https://static.tildacdn.com/tild3033-3661-4834-b139-663830323436/mask-right.svg);
                }
                .uc-index_HIW_card[data-card="last"] > .tn-molecule {
                    -webkit-mask-image: url(https://static.tildacdn.com/tild6666-6138-4338-a235-303131613036/mask-left.svg);
                }

                /* Cutout border */
                .uc-index_HIW_card_cutout-borders {
                    display: block;
                    width: 100% !important;
                    height: 100% !important;
                    position: absolute !important;
                    top: 0 !important;
                    left: 0 !important;
                }

                .uc-index_HIW_card:not([data-card="first"])
                    .uc-index_HIW_card_cutout-borders:after,
                .uc-index_HIW_card:not([data-card="last"])
                    .uc-index_HIW_card_cutout-borders:before {
                    content: "";
                    display: block;
                    width: 42px;
                    height: 42px;
                    border-radius: 21px;
                    box-sizing: border-box;
                    border: 1px solid var(--ui-stroke);
                    position: absolute;
                    top: calc(50% - 21px);
                }

                /* Cutout left border*/
                .uc-index_HIW_card:not([data-card="first"])
                    .uc-index_HIW_card_cutout-borders:after {
                    left: -25px;
                    clip-path: inset(0 0 0 26px);
                }

                /* Cutout left border (last) */
                .uc-index_HIW_card[data-card="last"]
                    .uc-index_HIW_card_cutout-borders:after {
                    border-color: var(--orc-green-400) !important;
                }

                /* Cutout right border */
                .uc-index_HIW_card:not([data-card="last"])
                    .uc-index_HIW_card_cutout-borders:before {
                    right: -25px;
                    clip-path: inset(0 26px 0 0);
                }

                /* Cutout arrows */
                .uc-index_HIW_card:not([data-card="last"]):before {
                    content: "";
                    display: block;
                    width: 40px;
                    height: 40px;
                    position: absolute;
                    top: calc(50% - 20px);
                    right: -24px;
                    border-radius: 20px;
                    z-index: 1;
                    background-image: url(https://static.tildacdn.com/tild3233-3832-4266-a131-633262623266/arrow-dash-r18x14px_.svg);
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: 18px 14px;
                }
            }

            /* How it works card headings */
            .uc-index_HIW_card-h4 {
                max-width: 280px;
            }

        
        /* ABOUT & CONTACT */
            /* About & contact main container */
            .index_about_main {
                left: 0 !important;
                width: 100vw !important;
                display: flex;
                justify-content: center;
                padding: 0 80px;
                box-sizing: border-box;
            }

            /* About inner grid container*/
            .index_about_main > .tn-molecule {
                display: grid !important;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                column-gap: 8px !important;
                max-width: 1600px;
            }

            /* About text container */
            .index_about_text-container {
                grid-column: 1 / span 3;
                width: auto !important;
                max-width: 1120px;
            }
            .index_about_text-container .uc-heading .tn-atom:before {
                background: repeating-linear-gradient(
                    to bottom,
                    #fff8d7 0,
                    #fff8d7 0.65em,
                    #f3c999 0.6em,
                    #f3c999 1.25em
                );
            }

            /* Contact aside */
            .index_contact_aside {
                grid-column: 4 / span 1;
                width: auto !important;
            }

            /* Contact aside image */
            .index_contact_aside:before {
                content: "";
                display: block;
                width: 338px;
                height: 284px;
                position: absolute;
                top: calc(-239px + 8px);
                left: 50%;
                transform: translateX(-50%);
                background-image: url(https://static.tildacdn.com/tild3262-3139-4537-a233-363635626434/orc-phone.png);
                background-size: contain;
                z-index: 9;
            }

            /* Contact aside card */
            .index_contact_aside > .tn-molecule > div > .tn-molecule {
                background-color: var(--ui-bg-a20) !important;
                backdrop-filter: blur(var(--bg-blur));
                box-shadow: var(--shadow-inner-ui);
            }

            /* Contact aside card border */
            .index_contact_aside > .tn-molecule > div > .tn-molecule:before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                border-radius: inherit;
                position: absolute;
                top: 0;
                left: 0;
                box-sizing: border-box;
                border: 1px solid var(--ui-stroke);
            }

            /* Contact email link */
            .index_contact_email a {
                position: relative;
                background: var(--orc-green-gradient);
                background-clip: text;
                color: transparent !important;
            }
            .index_contact_email a:before {
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                position: absolute;
                border-radius: 1px;
                left: 0;
                bottom: -3px;
                background: var(--orc-green-gradient);
                transform-origin: left center;
                transform: scaleX(0);
                transition: transform 0.2s ease;
            }
            .index_contact_email a:hover:before {
                transform: scaleX(1);
            }

        
        /* FAQ */
            /* Main container block */
            .uc-index_faq {
                position: relative;
                z-index: 9;
            }

            /* Questions container */
            .uc-index_faq .t585 > .t-container {
                gap: 46px;
            }
            .uc-index_faq .t585 > .t-container:before,
            .uc-index_faq .t585 > .t-container:after {
                display: none;
            }

            /* Question inner grid wrapper */
            .uc-index_faq .t585__wrapper {
                padding-left: 24px;
                position: relative;
            }

            /* Question marker */
            .uc-index_faq .t585__wrapper:before {
                content: "";
                display: block;
                width: 8px;
                height: 8px;
                position: absolute;
                left: 3px;
                top: 10px;
                border-radius: 3px;
                background: var(--orc-green-gradient);
            }

            /* Question line */
            .uc-index_faq .t585__wrapper:after {
                content: "";
                display: block;
                width: 2px;
                position: absolute;
                top: 26px;
                left: 6px;
                bottom: -48px;
                background: var(--orc-green-gradient);
                border-radius: 1px;
            }
            .uc-index_faq .t-col:last-child .t585__wrapper:after {
                background: linear-gradient(
                    180deg,
                    #b1bb20 0%,
                    rgba(177, 187, 32, 0.2) 55%,
                    rgba(11, 15, 18, 0) 95%
                );
                bottom: 0;
            }

            /* Question header (title wrapper) */
            .uc-index_faq .t585__header {
                cursor: auto;
            }

            /* Question title */
            .uc-index_faq .t585__trigger-button {
                cursor: text !important;
                user-select: text;
                padding: 0 48px 0 0;
            }

            /* Question icon */
            .uc-index_faq .t585__icon {
                display: none !important;
            }

            /* Answer container */
            .uc-index_faq .t585__content {
                display: block;
                max-height: none !important;
            }

            /* Answer text wrapper */
            .uc-index_faq .t585__textwrapper {
                padding: 16px 20px;
                border-radius: 20px;
                background: var(--ui-bg-a20);
                box-shadow: var(--shadow-inner-ui);
                backdrop-filter: blur(var(--bg-blur));
                margin: 24px 0 0 0;
                position: relative;
            }
            .uc-index_faq .t585__textwrapper:before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                border-radius: inherit;
                position: absolute;
                top: 0;
                left: 0;
                box-sizing: border-box;
                border: 1px solid var(--ui-stroke);
                pointer-events: none;
            }

            /* Answer text */
            .uc-index_faq .t585__text {
                padding: 0;
                margin: 0;
            }
    }

    /* GAME PAGE ----------------------------------------------------------- */
    @media screen {
        /* COVER */
        /* Cover text content */
        .uc-game_cover_content {
            top: auto !important;
            bottom: 48px;
            left: max(80px, calc((100vw - 1600px) / 2)) !important;
        }

        /* Cover large logo */
        .uc-game_cover_logo-wrapper {
            left: auto !important;
            right: max(80px, calc((100vw - 1600px) / 2)) !important;
        }

        /* PRODUCTS BLOCK */
        .uc-game_products {
            --card-hover-duration: 0.25s;
        }

        /* Products main block z-index  */
        .uc-game_products {
            position: relative;
            z-index: 99;
        }

        /* Products block border top and blur */
        .uc-game_products:before {
            content: "";
            display: block;
            width: 100%;
            height: 84px;
            position: absolute;
            top: 37px;
            left: 0;
            backdrop-filter: blur(var(--bg-blur));
            border-top: 1px solid rgba(255, 255, 255, 0.14);
        }

        /* Products block inner containers */
        .uc-game_products .t951,
        .uc-game_products .t-store__grid-cont {
            padding: 0 !important;
        }
        .uc-game_products .t951__grid-cont {
            background: var(--ui-bg-a20);
            position: relative;
        }

        /* Products block inner container blur */
        .uc-game_products .t951__grid-cont:before {
            content: "";
            display: block;
            width: 100%;
            height: 84px;
            position: absolute;
            top: 0;
            left: 0;
            backdrop-filter: blur(var(--bg-blur));
            z-index: -1;
        }

        /* Products content wrapper */
        .uc-game_products .t951__cont-wrapper {
            flex-direction: column;
        }

        /* FILTERS (TABS) */
        /* Products applied filter floating bar */
        .uc-game_products .t-store__filter__chosen-bar {
            display: none !important;
        }

        /* Search and sort container */
        .uc-game_products .t-store__filter__search-and-sort {
            display: none !important;
        }

        /* Filter title */
        .uc-game_products .t-store__filter__item-title {
            display: none;
        }

        /* Filters sidebar */
        .uc-game_products .t951__sidebar {
            width: 100%;
            margin: 0px;
        }

        /* Filters sidebar inners */
        .uc-game_products .t-store__filter,
        .uc-game_products .t-store__filter__item {
            margin: 0 !important;
        }

        /* Filters inner container */
        .t-store__filter__item-controls-container {
            padding: 0 !important;
        }

        /* Filters root category item */
        .uc-game_products
            .t-store__filter-tree-node_root
            > .t-store__filter-tree-line {
            display: none;
        }

        /* Sub-categories */
        .uc-game_products .t-store__filter-tree-children {
            display: flex !important;
            flex-direction: row;
            gap: 24px;
            margin-left: 0;
            padding-bottom: 18px;
            padding-left: max(80px, calc((100vw - 1600px) / 2)) !important;
            padding-right: max(80px, calc((100vw - 1600px) / 2)) !important;
            overflow-x: scroll;
            overflow-y: hidden;
        }
        .uc-game_products .t-store__filter-tree-children::-webkit-scrollbar {
            display: none;
        }
        .uc-game_products .t-store__filter-tree-children > * {
            flex-shrink: 0;
        }

        /* Sub-categories inner */
        .uc-game_products .t-store__filter__custom-sel {
            padding: 0 !important;
            width: auto !important;
            position: relative;
        }

        /* Sub-category tab text */
        .uc-game_products .t-store__filter__title {
            font-size: 16px;
            font-weight: 500;
            opacity: 0.9;
            transition: opacity 0.2s ease;
        }
        .uc-game_products
            .t-store__filter__custom-sel:hover
            .t-store__filter__title {
            opacity: 1;
        }

        /* Sub-category tab underline */
        .uc-game_products .t-store__filter__custom-sel:after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            position: absolute;
            left: 0;
            bottom: -18px;
            background: var(--orc-green-gradient);
            border-radius: 2px 2px 0 0;
            transition: transform 0.2s ease;
            transform-origin: left center;
            transform: scaleX(0);
        }
        .uc-game_products .t-store__filter__custom-sel:hover:after {
            transform: scaleX(1);
        }

        /* Sub-category tab active */
        .uc-game_products .t-store__filter__custom-sel.active {
            opacity: 1 !important;
            background: none;
            border-radius: 0 !important;
            pointer-events: none;
        }
        .uc-game_products .active .t-store__filter__title {
            font-weight: 600;
            opacity: 1;
            color: var(--ui-light);
        }
        .uc-game_products .t-store__filter__custom-sel.active:after {
            transform: scaleX(1);
        }

        /* PRODUCT CARDS */
        /* Product cards container */
        .uc-game_products .t951__grid-cont,
        .uc-game_products .js-store-grid-cont-preloader {
            padding-left: max(80px, calc((100vw - 1600px) / 2)) !important;
            padding-right: max(80px, calc((100vw - 1600px) / 2)) !important;
            padding-top: 56px !important;
            padding-bottom: 80px !important;
            margin: 0 !important;
            max-width: none;
            width: auto;
        }

        /* Product cards inner grid container */
        .uc-game_products .t-store__card-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            row-gap: 28px;
            column-gap: 16px;
        }

        /* Disable Tilda separators */
        .uc-game_products .t-store__grid-separator {
            display: none;
        }

        /* Product card */
        .uc-game_products .t-store__card {
            padding: 70px 24px 24px 24px !important;
            border-radius: 20px;
            width: auto;
            box-shadow: var(--shadow-inner-ui);
            position: relative;
            transition: transform var(--card-hover-duration) ease;
            transform-origin: center center;
            z-index: 9;
        }
        .uc-game_products .t-store__card:hover {
            transform: scale(1.02) translateY(-2px);
        }

        /* Product card image link & border */
        .uc-game_products .t-store__card > a {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: inherit;
            box-sizing: border-box;
            border: 1px solid var(--ui-stroke);
        }

        /* Product card image wrapper (Background container) */
        .uc-game_products .t-store__card__imgwrapper {
            padding: 0 !important;
            position: absolute !important;
            top: 0;
            left: 0;
            height: 100%;
            border-radius: 20px;
            overflow: hidden;
            z-index: -1;
        }

        /* Product card background overlay */
        .uc-game_products .t-store__card__imgwrapper:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: radial-gradient(
                98.04% 98.04% at 50% 0%,
                rgba(11, 15, 18, 0) 0%,
                rgba(11, 15, 18, 0.9) 69.71%
            );
            z-index: 9;
            opacity: 0.8;
            transition: opacity var(--card-hover-duration) ease;
        }
        .uc-game_products
            .t-store__card:hover
            .t-store__card__imgwrapper:after {
            opacity: 0.2;
        }

        /* Product card background image */
        .uc-game_products .t-store__card__bgimg {
            opacity: 0.12;
            filter: blur(30px);
        }

        /* Product card background first image (Logo) */
        .uc-game_products .t-store__card__bgimg:nth-child(2) {
            opacity: 0 !important;
        }

        /* Mark wrapper */
        .uc-game_products .t-store__card__mark-wrapper {
            display: block;
            left: 23px;
            top: 23px;
            right: auto;
            z-index: 10;
        }

        /* Mark */
        .uc-game_products .t-store__card__mark {
            border-radius: 8px;
            background: var(--ui-bg-a20) !important;
            font-size: 13px;
            line-height: 14px;
            display: block;
            text-align: left;
            padding: 9px 12px;
            width: auto;
            height: auto;
            position: relative;
            font-family: "OrcsAndPayers", sans-serif;
            box-shadow: var(--shadow-inner-ui);
            color: var(--ui-light-a80) !important;
        }
        .uc-game_products .t-store__card__mark:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            border: 1px solid var(--ui-stroke);
            position: absolute;
            top: 0;
            left: 0;
            box-sizing: border-box;
        }

        /* Product card text wrappers */
        .uc-game_products .store__card__wrap_txt-and-opts {
            flex-grow: 1;
        }
        .uc-game_products .t-store__card__textwrapper {
            padding-top: 0;
        }

        /* Product card title */
        .uc-game_products .t-store__card__title {
            font-size: 16px;
            line-height: 23px;
            font-weight: 600;
            background: var(--orc-green-gradient);
            background-clip: text;
            opacity: 0.9;
            transition: opacity, color;
            transition-duration: var(--card-hover-duration);
            transition-timing-function: ease;
        }
        .uc-game_products .t-store__card:hover .t-store__card__title {
            opacity: 1;
            color: transparent;
        }

        /* Product card SKU */
        .uc-game_products .t-store__card__sku {
            display: none;
        }

        /* Product card price wrapper */
        .uc-game_products .t-store__card__price-wrapper {
            margin-top: 10px;
            display: flex;
        }

        /* Price and old price */
        .uc-game_products .t-store__card__price-wrapper > * {
            font-size: 16px;
            line-height: 1;
            color: var(--ui-light-a80);
            display: block;
        }

        /* Old price */
        .uc-game_products .t-store__card__price_old {
            margin-left: 10px;
        }

        /* Price currency */
        .uc-game_products .t-store__card__price-currency {
            margin-left: 3px;
        }
        .uc-game_products .t-store__card__price-currency:before {
            display: none;
        }

        /* Disable product card options */
        .uc-game_products .t-store__card__prod-controls-wrapper {
            display: none;
        }

        /* Product card buttons wrapper */
        .uc-game_products .t-store__card__btns-wrapper {
            margin-top: 8px !important;
        }

        /* Product card button */
        .uc-game_products .t-store__card__btn {
            margin-bottom: 0 !important;
            position: relative;
            overflow: visible;
        }

        /* Product card button background */
        .uc-game_products .t-store__card__btn:before {
            content: "";
            display: block;
            width: calc(100% + 2 * 10px);
            height: calc(100% + 2 * 10px);
            position: absolute;
            left: -10px;
            top: -10px;
            border-radius: 12px;
            background: var(--orc-green-gradient);
            opacity: 0;
            transition: opacity 0.1s ease;
        }
        .uc-game_products .t-store__card__btn:hover:before {
            opacity: 0.07;
        }

        /* Product card button text */
        .uc-game_products .t-btnflex__text {
            overflow: visible;
            color: var(--ui-light-a60);
            position: relative;
            bottom: 0.5px;
            transition: color 0.1s ease;
        }
        .uc-game_products .t-store__card:hover .t-btnflex__text {
            color: var(--ui-light-a80);
            transition-duration: var(--card-hover-duration);
        }
        .uc-game_products .t-store__card__btn:hover .t-btnflex__text {
            color: var(--ui-light);
        }

        /* Product card button icon */
        .uc-game_products .t-btnflex__icon:before {
            opacity: 0.8;
            transition: opacity 0.1s ease;
        }
        .uc-game_products .t-store__card__btn:hover .t-btnflex__icon:before {
            opacity: 1;
        }

        /* Product card dots */
        .uc-game_products .t-store__card:after {
            content: "";
            display: block;
            width: 16px;
            height: 4px;
            position: absolute;
            bottom: 32px;
            right: 24px;
            background: url(https://static.tildacdn.com/tild3161-6465-4164-a334-623765666231/dots16x4px_accent.svg);
            filter: brightness(2);
            opacity: 0.3;
            transition: filter, opacity;
            transition-duration: var(--card-hover-duration);
            transition-timing-function: ease;
        }
        .uc-game_products .t-store__card:hover:after {
            opacity: 1;
            filter: brightness(1);
        }

        /* PRODUCT CARDS (SKELETON) */
        .uc-game_products .t-store__card-preloader {
            border-radius: 20px !important;
            overflow: hidden;
            padding: 0 !important;
            width: calc((100% - 3 * 16px) / 4) !important;
            margin-right: 16px;
            margin-bottom: 28px;
            height: 216px;
            opacity: 0.5;
        }
        .uc-game_products .t-store__card-preloader:nth-child(5n) {
            margin-right: 0;
        }

        /* PRODUCT POP-UP */
        /* Product pop-up overlay */
        .uc-game_products .t951 .t-popup {
            backdrop-filter: blur(5px);
            display: flex !important;
            align-items: center;
            justify-content: center;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.25s ease;
        }
        .uc-game_products .t951 .t-popup_show {
            opacity: 1;
            pointer-events: auto;
        }

        /* Product pop-up back link */
        .t-store__prod-popup__close-txt-wr {
            display: none;
        }

        /* Product pop-up container */
        .uc-game_products .t-popup__container {
            margin: 0;
            padding: 48px 42px 42px 42px;
            box-sizing: border-box;
            position: relative;
            background: var(--ui-bg-a80) !important;
            backdrop-filter: blur(5px);
            box-shadow: var(--shadow-inner-ui);
        }

        /* Product pop-up container border */
        .uc-game_products .t-popup__container:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            border-radius: inherit;
            border: 1px solid var(--ui-stroke);
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: none;
        }

        /* Product pop-up inner container */
        .uc-game_products .t-store__prod-popup__container {
            padding: 0 !important;
        }

        /* Product pop-up image */
        .uc-game_products .t-store__prod-popup__slider {
            display: none;
        }

        /* Product pop-up text container */
        .uc-game_products .t-store__prod-popup__info {
            padding-top: 0 !important;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        /* Product pop=up title & meta wrapper */
        .uc-game_products .t-store__prod-popup__title-wrapper {
            flex-basis: 100%;
            margin-bottom: 12px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            order: 1;
        }

        /* Product popup divider */
        .uc-game_products .t-store__prod-popup__title-wrapper:before {
            content: "";
            display: block;
            width: 1px;
            height: 32px;
            border-radius: 1px;
            background: white;
            opacity: 0.08;
            margin: 0 24px;
            order: 2;
        }

        /* Product pop-up title */
        .uc-game_products .t-popup .js-store-prod-name {
            flex-basis: 90%;
            margin-top: 56px;
            font-size: 32px;
            font-weight: 900;
            line-height: 1.13;
            text-transform: uppercase;
            letter-spacing: 0.2px;
            color: var(--ui-light);
            order: 4;
        }
        .uc-game_products .t-popup .js-store-prod-name:before {
            background: repeating-linear-gradient(
                to bottom,
                #fff8d7 0,
                #fff8d7 0.6em,
                #f3c999 0.6em,
                #f3c999 1.12em
            );
        }

        /* Product pop-up brand (Category) */
        .uc-game_products .t-store__prod-popup__brand {
            display: flex;
            margin: 0;
            order: 3;
        }

        /* Product pop-up game meta */
        .uc-game_popup_game-meta {
            display: flex;
            gap: 8px;
            align-items: center;
            order: 1;
        }

        /* Product pop-up game logo */
        .uc-game_popup_game-logo {
            width: auto;
            height: 32px;
        }

        /* Product pop-up game title */
        .uc-game_popup_game-title {
            display: block;
            width: fit-content;
        }

        /* Product pop-up SKU */
        .uc-game_products
            .t-store__prod-popup__sku:not(.t-store__prod-popup__brand) {
            display: none;
        }

        /* Product pop-up description and characteristics wrapper */
        .uc-game_products .t-store__prod-popup__text {
            flex-basis: 100%;
            order: 2;
            margin-top: 0;
        }

        /* Product pop-up description text */
        .uc-game_products .js-store-prod-all-text {
            font-size: 16px;
            line-height: 28px;
            color: var(--ui-light-a80);
        }

        /* Product pop-up buttons wrapper */
        .uc-game_products .t-store__prod-popup__btn-wrapper {
            order: 3;
            margin: 56px 0 0 0;
        }

        /* Product pop-up button text */
        .uc-game_products .t-store__prod-popup__btn .t-btnflex__text {
            color: black !important;
        }

        /* Product pop-up price wrapper */
        .uc-game_products .t-store__prod-popup__price-wrapper {
            order: 4;
            height: 54px;
            margin-top: 56px;
            display: flex;
            align-items: center;
        }

        /* Product pop-up price divider */
        .uc-game_products .t-store__prod-popup__price-wrapper:before {
            content: "";
            display: block;
            margin: 0 16px 0 18px;
            width: 4px;
            height: 4px;
            border-radius: 2px;
            background: var(--orc-green-gradient);
        }

        /* Product pop-up price items */
        .uc-game_products .t-store__prod-popup__price-item {
            position: relative;
            bottom: 1px;
        }
        .uc-game_products .t-store__prod-popup__price_old {
            margin-left: 10px;
        }

        /* Product pop-up options and links */
        .uc-game_products .js-product-controls-wrapper,
        .uc-game_products .t-store__prod-popup__links-wrapper {
            display: none;
            order: 5;
        }
    }

    /* CART BUTTON --------------------------------------------------------- */
    @media screen {
        /* Cart button wrapper */
        .t706__carticon {
            right: 16px !important;
        }

        /* Cart button */
        .t706__carticon-wrapper {
            border-radius: 16px;
            padding: 24px 20px;
            display: flex;
            gap: 8px;
            justify-content: center;
            align-items: center;
            background: var(--ui-bg-a60);
            box-shadow: var(--shadow-inner-ui);
            backdrop-filter: blur(var(--bg-blur));
            cursor: pointer;
            transition: transform 0.2s ease;
            transform-origin: right bottom;
        }
        .t706__carticon-wrapper * {
            z-index: 9;
        }

        /* Cart button hover */
        .t706__carticon-wrapper:hover {
            transform: scale(1.05);
        }

        /* Cart button border */
        .t706__carticon-wrapper:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            position: absolute;
            top: 0;
            left: 0;
            box-sizing: border-box;
            border: 1px solid var(--ui-stroke);
        }

        /* Cart button icon */
        .t706__carticon-imgwrap {
            width: 23px !important;
            height: 24px !important;
            background-image: url(https://static.tildacdn.com/tild3165-3561-4734-a339-653130323430/cart23x24px_accent.svg);
            border-radius: 0;
            background-color: transparent !important;
            box-shadow: none !important;
        }
        .t706__carticon-imgwrap * {
            display: none !important;
        }
        .t706__carticon-imgwrap:hover {
            transform: none;
        }

        /* Cart button counter */
        .t706__carticon-counter {
            position: static;
            width: 28px;
            height: 28px;
            border-radius: 8px;
            background-color: var(--orc-green-500-a10) !important;
            color: var(--ui-light) !important;
            font-size: 14px !important;
            line-height: 1;
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
        }

        /* Cart button text */
        .t706__carticon-text,
        .t706__bubble-container {
            display: none !important;
        }
    }

    /* CART POP-UP --------------------------------------------------------- */
    @media screen {
        /* Cart pop-up background overlay */
        .t706__cartwin {
            background-color: var(--ui-bg-a60) !important;
            backdrop-filter: blur(5px);
            overscroll-behavior: none;
        }

        /* Cart pop-up container */
        .t706__cartwin-content {
            max-width: 880px !important;
            margin-top: 100px;
            margin-bottom: 100px;
            border-radius: 20px;
            padding: 48px 42px 60px 42px;
            position: relative;
            box-shadow: var(--shadow-inner-ui);
            background: var(--ui-bg-a80) !important;
            backdrop-filter: blur(5px);
        }

        /* Cart pop-up border */
        .t706__cartwin-content:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            border: 1px solid var(--ui-stroke);
            box-sizing: border-box;
            pointer-events: none;
        }

        /* CART POP-UP TOP */
        /* Cart pop-up header (Top)) */
        .t706__cartwin-top {
            border: none !important;
            padding-bottom: 32px;
        }

        /* Cart pop-up heading */
        .t706__cartwin-heading {
            font-size: 48px;
            font-weight: 900;
            line-height: 56px;
            text-transform: uppercase;
            width: 225px;
            white-space: nowrap;
            overflow: hidden;
            border-bottom-right-radius: 22px;
        }

        /* Cart pop-up products container */
        .t706__cartwin-products {
            display: flex;
            flex-direction: column;
        }

        /* CART PRODUCT */
        .t706__product {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            height: auto;
            flex-wrap: wrap;
        }

        /* Cart product elements */
        .t706__cartwin-products * {
            color: var(--ui-light);
            flex-shrink: 0;
        }

        /* Cart product image container */
        .t706__product-thumb {
            display: block;
            width: auto;
            height: auto;
        }

        /* Cart product image */
        .t706__product-imgdiv {
            background-color: transparent;
            width: 72px;
            height: 72px;
            border-radius: 10px;
        }

        /* Cart product meta container */
        .t706__product-title {
            flex-grow: 1;
            flex-basis: 50%;
            padding-top: 11px;
            padding-bottom: 0;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            pointer-events: none;
        }

        /* Cart product title */
        .t706__product-title a {
            flex-basis: 100%;
            line-height: 1.5;
        }

        /* Product meta (Product options) */
        .t706__product-title__option {
            display: flex;
            align-items: center;
            font-size: 14px;
            line-height: 1;
            margin-top: 8px;
            flex-wrap: wrap;
            opacity: 1;
        }

        /* Product meta (Product options) inners */
        .t706__product-title__option div {
            color: var(--ui-light-a80);
            white-space: nowrap;
            display: flex;
            align-items: center;
        }

        /* Product meta (Product options) divider */
        .t706__product-title__option div:nth-child(1):after {
            content: "";
            display: block;
            width: 4px;
            height: 4px;
            margin: 0 10px;
            opacity: 0.16;
            background: var(--ui-light);
            border-radius: 2px;
        }

        /* Cart product SKU (Last product option) */
        .t706__product-title__option:last-child {
            display: none;
        }

        /* Cart product divider */
        .t706__product:not(:last-child):after {
            content: "";
            display: block;
            flex-basis: 100%;
            height: 1px;
            background: var(--ui-stroke);
            margin: 32px 0;
            border-radius: 1px;
        }

        /* Cart product quantity controls wrapper */
        .t706__product-plusminus {
            padding: 13px 16px 0 20px;
            display: flex;
            gap: 8px;
            align-items: center;
            width: auto;
        }

        /* Cart product quantity plus and minus */
        .t706__product-minus,
        .t706__product-plus {
            width: 20px;
            height: 20px;
            opacity: 0.7;
            transition: opacity 0.1s ease;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        .t706__product-minus {
            background-image: url(https://static.tildacdn.com/tild3337-3139-4434-a363-626465353130/minus-square20px_acc.svg);
        }
        .t706__product-plus {
            background-image: url(https://static.tildacdn.com/tild3237-3437-4532-b035-396434376635/plus-square20px_acce.svg);
        }
        .t706__product-minus:hover,
        .t706__product-plus:hover {
            opacity: 1 !important;
        }

        /* Remove cart product quantity and delete default icons */
        .t706__product-minus img,
        .t706__product-plus img,
        .t706__product-del img {
            display: none;
        }

        /* Cart product quantity text */
        .t706__product-quantity {
            margin: 0;
            padding: 0;
            width: 20px;
            text-align: center;
            color: var(--ui-light-a80);
            pointer-events: none;
            transition: color 0.1s ease;
        }

        /* Cart product total wrapper */
        .t706__product-amount {
            padding: 15px 16px 0 0;
            display: flex;
            width: 76px;
            justify-content: right;
        }

        /* Cart product total price and currency */
        .t706__cartwin-prodamount-currency,
        .t706__cartwin-prodamount-price {
            display: block;
            font-size: 16px;
            line-height: 16px;
            color: var(--ui-light-a80);
            transition: color 0.1s ease;
        }

        /* Cart product delete button */
        .t706__product-del-wrapper {
            display: block !important;
            padding: 13px 0 0 0 !important;
        }
        .t706__product-del {
            background: url(https://static.tildacdn.com/tild3363-6636-4038-b030-663665323937/cross-square20px_acc.svg);
            display: block;
            width: 20px;
            height: 20px;
            opacity: 0.7;
            transition: opacity 0.1s ease;
        }
        .t706__product-del:hover {
            opacity: 1 !important;
        }

        /* Quantity and amount text on product hover */
        .t706__product:hover .t706__product-quantity,
        .t706__product:hover .t706__product-amount * {
            color: var(--ui-light) !important;
        }

        /* Quantity controls and delete on product hover */
        .t706__product:hover .t706__product-del,
        .t706__product:hover .t706__product-minus,
        .t706__product:hover .t706__product-plus {
            opacity: 0.8;
        }

        /* Cart total amount wrappers */
        .t706__cartwin-bottom {
            border: none;
            padding: 0;
        }
        .t706__cartwin-prodamount-wrap {
            display: flex !important;
            padding: 32px 0 16px 0;
            border-bottom: 1px solid var(--ui-stroke);
            justify-content: right;
            color: var(--ui-light);
            font-size: 16px;
            line-height: 24px;
            gap: 5px;
        }

        /* Cart total amount */
        .t706__cartwin-prodamount {
            display: flex;
            justify-content: right;
        }
        .t706__cartwin-prodamount * {
            font-size: 16px;
            color: var(--ui-light) !important;
            opacity: 1 !important;
            line-height: 24px;
        }

        
        /* CART FORM */
        /* Cart form heading */
        .t706__form-upper-text {
            margin-top: 56px;
            padding: 0;
            font-size: 48px;
            font-weight: 900;
            line-height: 56px;
            text-transform: uppercase;
        }

        /* Cart form container */
        .t706__orderform {
            margin-top: 32px;
            margin-bottom: 0;
        }

        /* Cart form (Inputs container) */
        .t-form__inputsbox {
            column-gap: 32px !important;
        }


        /* Cart form input group */
        .t706 .t-input-group {
            margin-bottom: 56px !important;
            position: relative;
            flex-basis: 306px;
        }
        

        /* Hide selected games input */
        div[data-field-name="gameSelection"] {
            display: none !important;
        }

        /* Cart form input (Kind = Text / Heading) */
        .t706 .t-input-group_tx {
            flex-basis: 100%;
            margin-bottom: 16px !important;
        }
        .t706 .t-input-group_tx .t-text {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            line-height: 1.5;
            color: var(--ui-light) !important;
        }

        /* Cart form first divider */
        .t-input-group_em + div + .t-input-group_tx {
            padding-top: 56px;
            border-top: 1px solid var(--ui-stroke);
        }

        /* Cart form select */
        .t706 .t-input-group_sb select {
            height: auto !important;
            font-size: 16px;
            line-height: 24px;
            padding: 12px 0 14px 0;
            border: none !important;
            color: white !important;
            position: relative;
        }

        /* Cart form select chevron icon */
        .t706 .t-select__wrapper:after {
            border: none !important;
            width: 10px;
            height: 8px;
            background: url(https://static.tildacdn.com/tild3830-3531-4236-b262-653032343366/chevron_small_d10x8p.svg);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
        }

        /* Cart form selects after inputs (Faction) */
        .t706 .t-input-group_in + .t-input-group_sb {
            flex-basis: 120px;
        }

        /* Cart form radio group */
        .t706 .t-input-group_rd {
            flex-basis: 100%;
        }

        /* Cart form radio group heading (Label) */
        .t706 .t-input-group_rd .t-input-title {
            font-size: 16px !important;
            margin-bottom: 20px;
            font-weight: 600;
            line-height: 1.5;
            color: var(--ui-light) !important;
        }

        /* Cart form radio group inner (Contact method) */
        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio__wrapper {
            gap: 8px;
            margin: 0;
        }

        /* Cart form radio group option (Contact method) */
        .t706 .t-input-group[data-field-name="contactMethod"] .t-radio__item {
            border-radius: 12px;
            flex-basis: 30%;
            flex-grow: 1;
            position: relative;
            height: 54px;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
        }

        /* Cart form radio group option (Telegram) */
        .t706 .t-input-group[data-field-name="contactMethod"]
        label:nth-child(2) {
            gap: 6px;
        }

        /* Cart form radio group option background (Contact method) */
        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio__indicator:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background: var(--orc-green-500) !important;
            border-radius: 12px;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0.05;
            transition: opacity 0.15s ease;
        }
        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio__item:hover
        .t-radio__indicator:after,
        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio:checked ~ .t-radio__indicator:after {
            opacity: 0.1;
        }

        /* Cart form radio group option text (Contact method) */
        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio__item span {
            position: relative;
            z-index: 1;
            font-size: 16px;
            line-height: 1;
            font-weight: 500;
            color: var(--ui-light-a80);
            transition: color 0.15s ease;
        }

        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio__item:hover span,
        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio:checked ~ span {
            color: white;
        }

        /* Cart form radio group option icon (Contact method) */
        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio__indicator {
            width: 24px;
            height: 24px;
            border: none;
            position: static;
            opacity: 1;
            border-radius: 0 !important;
        }

        .t706 .t-input-group[data-field-name="contactMethod"]
        label:nth-child(1) .t-radio__indicator {
            background: url(https://static.tildacdn.com/tild3439-3932-4335-a238-363166623834/message24px_accent.svg) !important;
        }
        .t706 .t-input-group[data-field-name="contactMethod"]
        label:nth-child(2) .t-radio__indicator {
            background: url(https://static.tildacdn.com/tild3564-3263-4133-b666-613439303264/telegram24px_accent.svg) !important;
        }
        .t706 .t-input-group[data-field-name="contactMethod"]
        label:nth-child(3) .t-radio__indicator {
            background: url(https://static.tildacdn.com/tild6566-3763-4265-b666-633130343261/whatsapp24px_accent.svg) !important;
        }

        /* Cart form radio group option border (Contact method) */
        .t-radio__control .t-radio__indicator:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            box-sizing: border-box;
            border-radius: 12px;
            border: 1px solid var(--orc-green-500);
            opacity: 0;
            transition: opacity 0.15s ease;
        }
        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio__item:hover .t-radio__indicator:before,
        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio:checked ~ .t-radio__indicator:before {
            opacity: 1;
        }

        /* Cart form contact method inputs */
        .t706 .t-input-group[data-field-name="contactTelegram"],
        .t706 .t-input-group[data-field-name="contactWhatsApp"] {
            margin-top: -14px;
        }


        /* Cart form total amount wrapper */
        .t706__cartwin-totalamount-wrap {
            order: 99 !important;
            flex-basis: 30%;
            flex-grow: 1;
            padding: 0;
            display: flex !important;
            align-items: center;
            height: 54px;
            position: relative;
        }
        .t706__cartwin-totalamount-wrap * {
            color: var(--ui-light);
            font-size: 18px;
            font-weight: 400;
            line-height: 1;
            margin: 0;
            display: flex;
            align-items: center;
        }
        .t706__cartwin-totalamount-content {
            gap: 4px;
        }

        /* Cart form button and total dot */
        .t706__cartwin-totalamount-wrap:before {
            content: "";
            display: block;
            width: 4px;
            height: 4px;
            position: absolute;
            left: -20px;
            top: 25px;
            border-radius: 2px;
            background: var(--orc-green-gradient);
        }
    }

    /* ORDER PAGE ---------------------------------------------------------- */
    @media screen {
        /* Hide cart on Order page */
        .page_order .t706__carticon {
            display: none !important;
        }

        /* Order page background gradient */
        #allrecords:has(.uc-order):after {
            content: "";
            display: block;
            width: 1524px;
            height: 100vh;
            position: fixed;
            top: 0;
            right: -512px;
            z-index: 1;
            background: linear-gradient(
                90deg,
                rgba(11, 15, 18, 0) 0%,
                rgba(11, 15, 18, 0.8) 14%,
                #0b0f12 32.69%,
                #0b0f12 100%
            );
        }

        /* Order page background image */
        .uc-order {
            position: relative;
        }
        .uc-order:before {
            content: "";
            display: block;
            width: 100vw;
            height: 1371px;
            position: absolute;
            top: 0;
            left: 0;
            background-image: url(https://static.tildacdn.com/tild6335-3930-4165-a338-353566663431/op_order_bg.png);
            background-size: 2044px 1371px;
            background-position: top left;
            background-repeat: no-repeat;
            z-index: 1;
        }

        /* Order grid container */
        .uc-order .t396__artboard {
            max-width: 1760px;
            margin: 0 auto;
            min-height: 100vh;
        }

        /* ORDER PRODUCT CARDS */
        /* Zero-block placeholder element */
        .uc_order_cards_container .tn-atom {
            display: none !important;
        }

        /* Order cards wrapper */
        .order_cards {
            display: flex;
            flex-direction: column;
            gap: 16px;
            font-family: "OrcsAndPayers", sans-serif;
            color: var(--ui-light);
        }

        /* Order card */
        .order_card {
            box-sizing: border-box !important;
            border-radius: 16px;
            padding: 20px;
            display: flex;
            gap: 20px;
            max-width: 800px;
            background: var(--ui-bg-a60);
            box-shadow: var(--shadow-inner-ui);
            backdrop-filter: blur(var(--bg-blur));
            position: relative;
        }

        /* Order card stroke */
        .order_card:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            box-sizing: border-box;
            pointer-events: none;
            border: 1px solid var(--ui-stroke);
        }

        /* Order card icon (Game logo) */
        .order_card_icon {
            width: 72px;
            height: 72px;
            flex-shrink: 0;
            font-size: 0;
            border-radius: 10px;
            position: relative;
            background: rgba(255, 255, 255, 0.02);
            overflow: hidden;
            background-size: 47px 47px;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url(https://static.tildacdn.com/tild3938-6338-4533-a231-663231393834/tag48-32px_accent.svg);
        }
        .order_card_icon:before {
            content: "";
            display: block;
            width: calc(100% + 12px);
            height: calc(100% + 12px);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-image: inherit;
            background-size: contain;
            background-repeat: no-repeat;
            filter: blur(40px);
            opacity: 0.4;
        }

        /* Order card content */
        .order_card_content {
            flex-grow: 1;
            padding-top: 4px;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        /* Order card heading group (Title & category) */
        .order_card_hgroup {
            display: flex;
            row-gap: 6px;
            column-gap: 20px;
            align-items: flex-start;
        }

        /* Order card title */
        .order_card_h3 {
            flex-grow: 1;
            padding: 4px 0;
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
        }

        /* Order card meta wrapper */
        .order_card_meta {
            display: flex;
            gap: 10px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            color: var(--ui-light-a80);
        }

        /* Order card meta items (Except Qty) */
        .order_card_total,
        .order_card_data {
            display: flex;
            align-items: center;
        }

        /* Order card meta dividers */
        .order_card_total:before,
        .order_card_data:before {
            content: "";
            display: block;
            width: 4px;
            height: 4px;
            background: white;
            opacity: 0.16;
            border-radius: 2px;
            margin-right: 10px;
            position: relative;
            top: 1px;
        }
        .order_card_total + .order_card_data:before {
            width: 1px;
            height: 14px;
            opacity: 0.12;
            margin: 0 20px 0 10px;
        }

        /* Order comment */
        .uc_order_comment {
            max-width: 760px;
        }

        /* ORDER CHAT ASIDE */
        /* Order chat overlay */
        .page_order .order_custom-chat-overlay {
            display: flex;
            flex-direction: column;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--ui-bg);
            align-items: center;
            justify-content: center;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }
        .page_order.chat-closed .order_custom-chat-overlay {
            opacity: 1;
            pointer-events: auto;
        }

        /* Order chat overlay icon */
        .page_order.chat-closed .order_custom-chat-overlay:before {
            content: "";
            display: block;
            width: 240px;
            height: 240px;
            margin-bottom: -10px;
            background: url(https://static.tildacdn.com/tild3238-6665-4138-a436-343663303933/chat240px.png);
            background-size: 240px 240px;
        }

        /* Order chat overlay button*/
        .page_order .order_custom-chat-button {
            height: 44px !important;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 24px -4px rgba(177, 187, 32, 0.4);
            transition: background-color, box-shadow;
            cursor: pointer;
            padding: 10px 18px 14px 18px;
            box-sizing: border-box;
            margin-bottom: 80px;
        }
        .page_order .order_custom-chat-button span {
            position: relative;
            color: black !important;
            font-size: 16px;
            line-height: 1;
            font-weight: 700;
        }
        .page_order .order_custom-chat-button:hover {
            box-shadow: 0 4px 36px -4px rgba(177, 187, 32, 0.5);
        }

        /* ORDER NOT FOUND */
        /* Order not fount page main container */
        .page_order.not-found .order_main_container {
            min-height: calc(100vh - 112px) !important;
            top: 0 !important;
        }

        /* Hide order elements */
        .page_order.not-found div[data-name="main-heading"],
        .page_order.not-found .order_meta_container,
        .page_order.not-found .uc-heading h2,
        .page_order.not-found .uc_order_cards_container,
        .page_order.not-found .uc_order_comment {
            display: none !important;
        }

        /* Order not found container */
        .page_order.not-found .order_not-found_wrapper {
            pointer-events: auto !important;
            display: flex !important;
            width: auto !important;
            height: auto !important;
            position: absolute !important;
            margin: 0 auto;
            left: 50% !important;
            top: calc(50vh - 80px) !important;
            transform: translate(-50%, -50%);
        }
        .page_order.not-found .order_not-found_wrapper .tn-molecule {
            opacity: 1 !important;
            display: flex !important;
            flex-direction: column;
            width: 640px !important;
            height: auto !important;
            padding-top: 259px;
            justify-content: flex-end;
            align-items: center;
        }

        /* Order not found heading */
        .order_not-found_wrapper .uc-heading {
            margin-bottom: 12px;
            position: relative;
            top: auto !important;
            left: auto !important;
            order: 1;
        }
        .order_not-found_wrapper .uc-heading h1 {
            padding: 0 2px;
        }

        /* Order not found text */
        .order_not-found_text {
            position: relative;
            order: 2;
            top: auto !important;
            left: auto !important;
        }

        /* Order not found image */
        .order_not-found_image {
            position: absolute;
            left: 43px !important;
            top: 0 !important;
        }

        /* Order not found gradient overlay */
        .order_not-found_gradient {
            top: 229px !important;
            left: -57px !important;
            z-index: 3 !important;
        }
    }

    /* B24 CHAT ------------------------------------------------------------ */
    @media screen {
        /* Chat button */
        .page_order .b24-widget-button-wrapper {
            display: none !important;
        }

        /* Chat main container */
        .page_order .bx-livechat-wrapper {
            position: fixed !important;
            top: 112px !important;
            right: max(80px, calc(100vw - 1600px) / 2) !important;
            width: 440px !important;
            height: calc(100vh - 112px) !important;
            box-shadow: none !important;
            transition: none !important;
            transform-origin: center center;
            transition-duration: 0s !important;
        }
        body.page_order.footer-in .bx-livechat-wrapper {
            position: absolute !important;
        }

        /* Chat fade in */
        .page_order .bx-livechat-box > * {
            opacity: 0 !important;
            pointer-events: none;
        }
        .page_order .bx-livechat-box.show > * {
            opacity: 1 !important;
            pointer-events: auto;
            transition: opacity 0.5s ease 1s;
        }

        /* Chat border (Left) */
        .page_order .bx-livechat-wrapper:before {
            content: "";
            display: block;
            width: 1px;
            height: calc(100% + 28px);
            position: absolute;
            top: -28px;
            left: 0;
            z-index: 9;
            background: linear-gradient(
                180deg,
                rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0.1) 20%,
                rgba(255, 255, 255, 0.1) 80%,
                rgba(255, 255, 255, 0) 100%
            );
        }

        .page_order .bx-livechat-copyright {
            display: none !important;
        }

        .page_order .bx-livechat-head {
            display: none;
        }

        .page_order .ui-vue-reaction {
            display: none;
        }

        /* Prevent page overscroll in chat */
        .page_order .bx-im-dialog-list {
            overscroll-behavior: contain;
        }

        /* Hide scrollbar */
        .page_order .bx-im-dialog-list::-webkit-scrollbar {
            display: none;
        }

        /* Open chat button */
        .page_order .b24-widget-button-wrapper {
            right: 300px;
        }

        /* All chat elements */
        .page_order .bx-livechat-wrapper * {
            font-family: "OrcsAndPayers", sans-serif !important;
            color: var(--ui-light) !important;
        }

        /* Chat containers overflow */
        .page_order .bx-livechat-wrapper,
        .page_order .bx-livechat-box,
        .page_order .bx-livechat-textarea {
            overflow: visible !important;
        }

        /* Chat box */
        .page_order .bx-livechat-box {
            background-color: var(--ui-bg);
        }

        /* Chat thread */
        .page_order .bx-livechat-body {
            background-image: none;
            background-color: transparent;
        }

        /* Resize handle */
        .page_order .bx-livechat-widget-resize-handle {
            display: none;
        }

        /* Top overlay */
        .page_order .bx-livechat-body {
            overflow: visible;
        }
        .page_order .bx-livechat-body:before {
            content: "";
            display: block;
            width: 100%;
            height: 140px;
            position: absolute;
            top: -28px;
            left: 0;
            z-index: 99;
            background: linear-gradient(
                180deg,
                #0b0f12 20%,
                rgba(11, 15, 18, 0.9) 50%,
                rgba(11, 15, 18, 0) 100%
            );
        }

        /* MESSAGES */
        /* Thread spacer (Top) */
        .page_order .bx-im-dialog-list:before {
            content: "";
            display: block;
            width: 100%;
            height: 140px;
        }

        /* Message container margins */
        .page_order .bx-im-message-type-opponent {
            margin-left: 20px !important;
        }
        .page_order .bx-im-message.bx-im-message-type-self {
            margin-right: 0 !important;
            margin-left: 17px;
        }

        /* Message */
        .page_order .bx-im-message-content {
            padding: 16px 20px;
            box-sizing: border-box;
            border-radius: 16px;
            position: relative;
            background-color: var(--ui-bg) !important;
        }

        /* Incoming messages */
        .page_order .bx-im-message-type-opponent .bx-im-message-content,
        .page_order .bx-im-message-type-system .bx-im-message-content {
            border: 1px solid var(--ui-stroke);
        }

        /* Incoming message border */
        .page_order .bx-im-message-type-opponent .bx-im-message-content:after,
        .page_order .bx-im-message-type-system .bx-im-message-content:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            position: absolute;
            top: 0;
            left: 0;
            box-shadow: var(--shadow-inner-ui);
        }

        /* User message border & Background */
        .page_order .bx-im-message-type-self .bx-im-message-content:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            background: var(--orc-green-gradient);
            opacity: 0.7;
        }
        .page_order .bx-im-message-type-self .bx-im-message-content:after {
            content: "";
            display: block;
            width: calc(100% - 2px);
            height: calc(100% - 2px);
            position: absolute;
            top: 1px;
            left: 1px;
            border-radius: 15px;
            background: var(--ui-bg);
            opacity: 0.95;
        }

        /* Message content wrapper */
        .page_order .bx-im-message-content-box {
            padding: 0;
            position: relative;
            z-index: 9;
        }

        /* Message text */
        .page_order .bx-im-message-content-text {
            font-size: 14px;
            line-height: 22px;
            opacity: 0.9;
        }

        /* Message text link */
        .page_order .bx-im-message-content-text a {
            text-decoration: none;
            background: var(--orc-green-gradient) !important;
            background-clip: text !important;
            color: transparent !important;
        }

        /* Message name (Manager) */
        .page_order .bx-im-message-content-name {
            font-size: 12px;
            line-height: 14px;
            margin-bottom: 8px;
            opacity: 0.5;
        }

        /* Mesage timestamp */
        .page_order .bx-im-message-content-date {
            font-size: 11px;
            opacity: 0.5;
            padding-top: 4px;
        }

        /* Message rich link */
        .page_order .bx-im-element-attach-type-rich {
            background: none !important;
            border: none;
        }

        /* Message rich link image */
        .page_order .bx-im-element-attach-type-rich-image {
            margin-top: 12px;
        }
        .page_order .bx-im-element-attach-type-image-block img {
            border: 1px solid var(--ui-stroke);
            box-sizing: border-box;
        }

        /* Message rich link title */
        .page_order .bx-im-element-attach-type-rich-name {
            padding: 0;
            margin: 12px 0 6px 0;
            font-weight: 600;
            line-height: 19px;
            background: var(--orc-green-gradient);
            background-clip: text;
            transition: color 0.2s ease;
        }
        .page_order .bx-im-element-attach-type-rich-name:hover {
            text-decoration: none;
            background: var(--orc-green-gradient);
            background-clip: text;
            color: transparent !important;
        }

        /* Message rich link title icon */
        .page_order .bx-im-element-attach-type-rich-name:after {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url(https://static.tildacdn.com/tild6534-3062-4135-b163-373732623066/external16px.svg);
            margin-left: 4px;
            position: relative;
            top: 2.5px;
            transform: scale(0.875);
        }

        /* Message rich link description */
        .page_order .bx-im-element-attach-type-rich-desc {
            padding-left: 0;
            font-size: 12px;
            line-height: 19px;
            opacity: 0.8;
        }

        /* Quote block */
        .page_order .bx-im-message-content-quote {
            margin-bottom: 12px;
        }

        /* Quote line */
        .page_order .bx-im-message-content-quote-wrap {
            border-color: var(--orc-green-500);
        }

        /* Quote name */
        .page_order .bx-im-message-content-quote-name {
            opacity: 0.6;
        }

        /* MESSAGES (SKELETON) */
        /* Skeleton message */
        .page_order .im-skeleton-content {
            background: transparent;
            border-color: var(--ui-stroke);
            border-radius: 16px;
        }

        /* Skeleton message (Incoming) */
        .page_order .im-skeleton-item.im-skeleton-item-opponent {
            margin-left: 20px;
            margin-right: 30px;
        }

        /* Skeletor message (User) */
        .page_order .im-skeleton-item.im-skeleton-item-self {
            margin-right: 0;
            margin-left: 50px;
        }

        /* Skeleton message avatar */
        .page_order .im-skeleton-logo {
            display: none;
        }

        /* Skeleton message reaction */
        .page_order .im-skeleton-like {
            display: none;
        }

        /* Typing indicator */
        .page_order .bx-im-dialog-status {
            font-size: 13px;
            opacity: 0.7;
        }

        /* Date */
        .page_order .bx-im-dialog-group-date {
            background: none !important;
            opacity: 0.7;
        }

        /* Dialog number */
        .page_order .bx-imopenlines-message-dialog-number {
            display: none;
        }

        /* SCROLL BUTTON */
        /* Scroll button container */
        .page_order .bx-im-dialog-scroll-button-box {
            right: -8px;
        }

        /* Scroll button */
        .page_order .bx-im-dialog-scroll-button {
            background: var(--ui-bg-a80);
            border-color: var(--ui-stroke);
            backdrop-filter: blur(var(--bg-blur));
            position: relative;
            transition: transform 0.15s ease;
        }
        .page_order .bx-im-dialog-scroll-button:hover {
            background: var(--ui-bg-a80);
            transform: scale(1.04);
        }

        /* Scroll button inner shadow */
        .page_order .bx-im-dialog-scroll-button:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            box-shadow: var(--shadow-inner-ui);
        }

        /* Scroll button icon */
        .page_order .bx-im-dialog-scroll-button-arrow {
            border: none;
            width: 10px;
            height: 8px;
            transform: translate(-50%, -50%);
            margin: 0;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            background: url(https://static.tildacdn.com/tild3830-3531-4236-b262-653032343366/chevron_small_d10x8p.svg);
        }

        /* UNREAD COUNTER */
        /* Unread counter container */
        .page_order .bx-im-dialog-scroll-button-counter {
            margin-top: 0;
            top: -31px;
            left: -1px;
        }

        /* Unread counter */
        .page_order .bx-im-dialog-scroll-button-counter-digit {
            width: 36px;
            height: 66px;
            border-radius: 20px;
            box-sizing: border-box;
            border: 1px solid var(--ui-stroke);
            background: var(--ui-bg);
            display: flex;
            justify-content: center;
            align-items: flex-start;
            font-weight: 700;
            font-size: 13px;
            padding-top: 8.5px;
            box-shadow: var(--shadow-inner-ui);
            color: var(--orc-green-500) !important;
            opacity: 1 !important;
        }

        /* COMPOSE BOX */
        /* Compose box */
        .page_order .bx-im-textarea {
            border: 0;
            padding-top: 20px;
        }

        /* Compose box top border */
        .page_order .bx-im-textarea:before {
            content: "";
            display: block;
            width: calc(100% + 79px);
            height: 1px;
            position: relative;
            top: -20px;
            left: 1px;
            background: linear-gradient(
                90deg,
                rgba(255, 255, 255, 0.1) 80%,
                rgba(255, 255, 255, 0) 100%
            );
        }

        /* Compose box inner (Input * Button) */
        .page_order .bx-im-textarea-box {
            padding: 0 0 0 20px;
            gap: 8px;
            margin-bottom: 20px;
        }

        /* Input (Textarea) */
        .page_order .bx-im-textarea-input {
            line-height: 22px;
        }

        /* Attachment button */
        .page_order .bx-im-textarea-app-file,
        .page_order .bx-im-textarea-app-file:hover {
            position: relative;
            left: 5px;
            bottom: 11px;
            background: url(https://static.tildacdn.com/tild6561-3831-4733-b932-333038383239/clip10x16px_accent.svg);
            background-size: 10px 16px;
            background-position: center;
            background-repeat: no-repeat;
        }

        /* Attachment button background */
        .page_order .bx-im-textarea-app-file:before {
            content: "";
            display: block;
            width: 32px;
            height: 32px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 8px;
            background: var(--orc-green-500);
            z-index: -1;
            opacity: 0;
            transition: opacity 0.1s ease;
        }
        .page_order .bx-im-textarea-app-file:hover:before {
            opacity: 0.07;
        }

        /* Emoji button */
        .page_order .bx-im-textarea-app-smile {
            display: none;
        }

        /* SEND BUTTON */
        .page_order .bx-im-textarea-send-button {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            box-sizing: border-box;
            background: var(--ui-bg-a20) !important;
            border: 1px solid var(--ui-stroke);
            opacity: 1 !important;
            box-shadow: var(--shadow-inner-ui);
            position: relative;
            transition: border-color 0.25s ease;
        }

        /* Send button icon  */
        .page_order .bx-im-textarea-send-button:after {
            content: "";
            display: block;
            width: 16px;
            height: 18px;
            background: url(https://static.tildacdn.com/tild3866-3066-4666-b261-653061636634/return16x18px_accent.svg);
            transition: filter 0.25s ease;
        }

        /* Send button background */
        .page_order .bx-im-textarea-send-button:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            background: var(--orc-green-500);
            z-index: -1;
            opacity: 0.1;
            transform-origin: top center;
            transform: scaleY(0);
            transition: transform 0.25s ease;
        }

        /* Send button hover  */
        .page_order .bx-im-textarea-send-button:hover {
            border-color: var(--orc-green-300);
        }

        /* Send button hover icon  */
        .page_order .bx-im-textarea-send-button:hover:after {
            filter: brightness(5);
        }

        /* Send button hover background */
        .page_order .bx-im-textarea-send-button:hover:before {
            transform: scaleY(1);
        }

        /* STATUS */
        /* Status container */
        .page_order .bx-pull-status-wrap {
            background-color: transparent !important;
            font-family: "OrcsAndPayers" !important;
            overflow: visible;
        }

        /* Status container border bottom */
        .page_order .bx-pull-status-wrap:after {
            content: "";
            display: block;
            width: calc(100% + 79px);
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 1px;
            background: linear-gradient(
                90deg,
                rgba(255, 255, 255, 0.1) 80%,
                rgba(255, 255, 255, 0) 100%
            );
        }

        /* Status text */
        .page_order .bx-pull-status-text {
            text-align: left;
            font-weight: 500;
            display: flex;
            gap: 8px;
            justify-content: center;
            align-items: center;
        }

        /* Status icon */
        .page_order .bx-pull-status-text:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
        }
        .page_order .bx-pull-status-offline .bx-pull-status-text:before {
            background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%202H7C4.23858%202%202%204.23858%202%207V13C2%2015.7614%204.23858%2018%207%2018H13C15.7614%2018%2018%2015.7614%2018%2013V7C18%204.23858%2015.7614%202%2013%202ZM7%200C3.13401%200%200%203.13401%200%207V13C0%2016.866%203.13401%2020%207%2020H13C16.866%2020%2020%2016.866%2020%2013V7C20%203.13401%2016.866%200%2013%200H7Z%22%20fill%3D%22url(%23paint0_linear_6002_62081)%22%2F%3E%3Cpath%20d%3D%22M11.5%2013.5C11.5%2012.6716%2010.8284%2012%2010%2012C9.17157%2012%208.5%2012.6716%208.5%2013.5C8.5%2014.3284%209.17157%2015%2010%2015C10.8284%2015%2011.5%2014.3284%2011.5%2013.5Z%22%20fill%3D%22url(%23paint1_linear_6002_62081)%22%2F%3E%3Cpath%20d%3D%22M8.62457%205.99482C8.55751%205.19014%209.19253%204.5%2010%204.5C10.8075%204.5%2011.4425%205.19014%2011.3754%205.99482L11.083%209.50345C11.0361%2010.0667%2010.5652%2010.5%2010%2010.5C9.43477%2010.5%208.96389%2010.0667%208.91695%209.50345L8.62457%205.99482Z%22%20fill%3D%22url(%23paint2_linear_6002_62081)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_6002_62081%22%20x1%3D%2210%22%20y1%3D%220%22%20x2%3D%2210%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9999%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23FF6666%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF3333%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_6002_62081%22%20x1%3D%2210%22%20y1%3D%2212%22%20x2%3D%2210%22%20y2%3D%2215%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9999%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23FF6666%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF3333%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_6002_62081%22%20x1%3D%2210%22%20y1%3D%224.5%22%20x2%3D%2210%22%20y2%3D%2210.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9999%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23FF6666%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF3333%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
        }
        .page_order .bx-pull-status-connecting .bx-pull-status-text:before {
            background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%202H7C4.23858%202%202%204.23858%202%207V13C2%2015.7614%204.23858%2018%207%2018H13C15.7614%2018%2018%2015.7614%2018%2013V7C18%204.23858%2015.7614%202%2013%202ZM7%200C3.13401%200%200%203.13401%200%207V13C0%2016.866%203.13401%2020%207%2020H13C16.866%2020%2020%2016.866%2020%2013V7C20%203.13401%2016.866%200%2013%200H7Z%22%20fill%3D%22url(%23paint0_linear_6002_62076)%22%2F%3E%3Cpath%20d%3D%22M11.5%2013.5C11.5%2012.6716%2010.8284%2012%2010%2012C9.17157%2012%208.5%2012.6716%208.5%2013.5C8.5%2014.3284%209.17157%2015%2010%2015C10.8284%2015%2011.5%2014.3284%2011.5%2013.5Z%22%20fill%3D%22url(%23paint1_linear_6002_62076)%22%2F%3E%3Cpath%20d%3D%22M8.62457%205.99482C8.55751%205.19014%209.19253%204.5%2010%204.5C10.8075%204.5%2011.4425%205.19014%2011.3754%205.99482L11.083%209.50345C11.0361%2010.0667%2010.5652%2010.5%2010%2010.5C9.43477%2010.5%208.96389%2010.0667%208.91695%209.50345L8.62457%205.99482Z%22%20fill%3D%22url(%23paint2_linear_6002_62076)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_6002_62076%22%20x1%3D%2210%22%20y1%3D%220%22%20x2%3D%2210%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E4CB88%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23E2B742%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D09C0B%22%20stop-opacity%3D%220.8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_6002_62076%22%20x1%3D%2210%22%20y1%3D%2212%22%20x2%3D%2210%22%20y2%3D%2215%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E4CB88%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23E2B742%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D09C0B%22%20stop-opacity%3D%220.8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_6002_62076%22%20x1%3D%2210%22%20y1%3D%224.5%22%20x2%3D%2210%22%20y2%3D%2210.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E4CB88%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23E2B742%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D09C0B%22%20stop-opacity%3D%220.8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
        }
        .page_order .bx-pull-status-online .bx-pull-status-text:before {
            background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%202H7C4.23858%202%202%204.23858%202%207V13C2%2015.7614%204.23858%2018%207%2018H13C15.7614%2018%2018%2015.7614%2018%2013V7C18%204.23858%2015.7614%202%2013%202ZM7%200C3.13401%200%200%203.13401%200%207V13C0%2016.866%203.13401%2020%207%2020H13C16.866%2020%2020%2016.866%2020%2013V7C20%203.13401%2016.866%200%2013%200H7Z%22%20fill%3D%22url(%23paint0_linear_6002_62071)%22%2F%3E%3Cpath%20d%3D%22M11.5%2013.5C11.5%2012.6716%2010.8284%2012%2010%2012C9.17157%2012%208.5%2012.6716%208.5%2013.5C8.5%2014.3284%209.17157%2015%2010%2015C10.8284%2015%2011.5%2014.3284%2011.5%2013.5Z%22%20fill%3D%22url(%23paint1_linear_6002_62071)%22%2F%3E%3Cpath%20d%3D%22M8.62457%205.99482C8.55751%205.19014%209.19253%204.5%2010%204.5C10.8075%204.5%2011.4425%205.19014%2011.3754%205.99482L11.083%209.50345C11.0361%2010.0667%2010.5652%2010.5%2010%2010.5C9.43477%2010.5%208.96389%2010.0667%208.91695%209.50345L8.62457%205.99482Z%22%20fill%3D%22url(%23paint2_linear_6002_62071)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_6002_62071%22%20x1%3D%2210%22%20y1%3D%220%22%20x2%3D%2210%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8DD8F%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23C4CC58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B1BB20%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_6002_62071%22%20x1%3D%2210%22%20y1%3D%2212%22%20x2%3D%2210%22%20y2%3D%2215%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8DD8F%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23C4CC58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B1BB20%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_6002_62071%22%20x1%3D%2210%22%20y1%3D%224.5%22%20x2%3D%2210%22%20y2%3D%2210.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8DD8F%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23C4CC58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B1BB20%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
        }

        /* Status connect button */
        .page_order .bx-pull-status-button {
            display: none;
        }

        /* WELCOME MESSAGE */
        /* Help title (Welcoming prompt) */
        h2.bx-livechat-help-title {
            max-width: 240px !important;
            line-height: 1.4;
            margin-bottom: 12px !important;
            opacity: 0.5;
            font-size: 16px;
        }

        /* Help avatar (Welcoming prompt) */
        .bx-livechat-help-user {
            display: none !important;
        }
    }

    /* COOKIE NOTICE ------------------------------------------------------- */
    @media screen {
        /* Cookie notice container */
        .t657_rectangle {
            bottom: 20px;
        }

        /* Cookie notice */
        .t657__wrapper {
            display: flex;
            width: 460px;
            max-width: none !important;
            text-align: left;
            gap: 20px;
            align-items: center;
            padding: 22px 24px !important;
            border-radius: 16px !important;
            background: var(--ui-bg-a60) !important;
            backdrop-filter: blur(var(--bg-blur));
            position: relative;
            box-sizing: border-box;
            box-shadow: var(--shadow-inner-ui);
        }

        /* Cookie notice border */
        .t657__wrapper:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            box-sizing: border-box;
            border: 1px solid var(--ui-stroke);
        }

        /* Cookie notice text */
        .t657__text {
            margin: 0;
            font-size: 14px;
            line-height: 24px;
            font-weight: 400 !important;
            color: var(--ui-light) !important;
            opacity: 0.9;
        }

        /* Cookie notice default close button */
        .t657__close-button {
            display: none;
        }

        /* Cookie notice button */
        .t657__btn {
            flex-shrink: 0;
        }
    }
    
    /* 404 ----------------------------------------------------------------- */
    @media screen {
        /* Error code */
        .uc-404 .uc-chip {
            top: auto !important;
            bottom: 20px !important;
        }
    }
}