.site-header .site-footer {
    padding: 40px 40px 0 40px;
}

.site-header {
    margin-bottom: 30px;
}

.site-header__inner {
    grid-template-columns: 2fr auto 2fr 2fr 1fr;
    grid-template-rows: auto;
    column-gap: 28px;
    grid-template-areas: "logo nav nav nav server user lang";
}

.site-header__separator {
    display: none;
}

.site-header__logo {
    display: block;

    grid-column: 1 / 2;
    grid-row: 1 / 1;
}

.site-header__nav {
    grid-column: 2 / 7;
    grid-row: 1 / 1;
}

.site-header__server {
    grid-column: 7/9;
    grid-row: 1 / 1;
}

.site-header__profile {
    grid-column: 9/12;
    grid-row: 1 / 1;
}

.site-header__lang {
    grid-column: 12/13;
    grid-row: 1 / 1;
}


.site-footer__inner {
    max-width: 955px;
    margin: 0 auto;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "partners contact links";
    align-items: flex-start;
}

.site-footer__inner > * {
    align-items: flex-start;
}

.site-footer__contact {
    align-items: center;
    padding-left: 40px;
}

.site-footer__links {
    display: flex;
    /*flex-direction: row;*/
}

.site-footer__links, .site-footer__links-column { gap: 5px !important; }

.game-account__character {
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

/*****************************/
/*        Index page         */
/*****************************/

/*****************************/
/*****************************/
.site-main__content {
    max-width: 955px;
}

.coins-info {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: var(--gap-l, 20px);
    min-width: 270px;
    grid-template-areas:
        "title   title"
        "balance balance"
        "buttons buttons";

    padding: 20px;
    border-radius: var(--radius-xl, 30px) var(--radius-xl, 30px) 0 0;
}

.coins-info .title-history .history {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

.account-storage {
    display: flex;
    flex-direction: row;
    gap: var(--gap-s, 5px);
}

.account-storage .coins-info {
    border-radius: var(--radius-xl, 30px) 0 0 var(--radius-xl, 30px);
}

.account-storage .items-info {
    border-radius: 0 30px 30px 0;
}

.account-storage .items-info .content-title, .account-storage .items-info ul {
    margin-bottom: 12px;
}

/*╔════════════╗*/
/*║  Services  ║*/
/*╚════════════╝*/
.services__grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-rows: auto;
    gap: var(--gap-xl, 30px);
}

.service-card {
    align-self: stretch;
    justify-content: space-between;

    padding: 44px 28px;
}

.service-card__icon {
    margin-bottom: 32px;
}

/****************************
    Support
*****************************/

.tickets-area {
    width: unset;
    max-width: unset;

    flex-direction: row;

    min-height: 400px;
    height: calc(80dvh - 30px);
}

.tickets-area .filters {
    margin-bottom:  30px;
}

.tickets-area .control-panel {
    min-width: 350px;
    height: 100%;
}

.tickets-area .chat-container {
    height: 100%;
    min-width: 736px;
}


.chat-container .header { display: none; }

.chat-container {
    height: auto;
}

.chat-container .conversation-container {
    border-radius: 30px 30px 0 0;
    padding: 25px 5px 5px 0;
}

.chat-container .conversation .message-bubble {
    max-width: 75%;
}

.tickets-area .no-tickets button.create-ticket {
    display: none;
}