.television{

    .name-col{
        font-size: 2.25rem;
        font-weight: 700;
        line-height: 44px;
    }

    .qr  .name-col{
        padding: 20px 0;
    }

    .order{
        border:2px solid #F06F57;
        border-radius: 15px;
        width: 100%;
        height: 9.375rem;
        overflow: hidden;
        position: relative;
    }


    .time-order{
        color: #F06F57;
        text-align: center;
    }

    .col-8 .personal-layout{
        padding: 20px 30px 20px 90px;
    }


    .personal-layout{
        background-color: rgba(255, 255, 255, 0.69);
        backdrop-filter: blur(20px);
        height: calc(90vh - 2.5rem);
        overflow: hidden;
    }


    .order-start::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 33.333333%; /* регулируешь ширину */
        height: 100%;
        background: #F06F57;
        z-index: 1;
        border-radius: 15px;
    }
    .order > div {
        position: relative;
        z-index: 2;
    }

    .order-end::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 66.66666%;
        height: 100%;
        background: #F06F57;
        z-index: 1;
        border-radius: 15px;
    }

    .order-full::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #F06F57;
        z-index: 1;
    }

    .personal-container{
        margin-left:35px;
        padding: 0;
    }

    .col-4{
        width: 30%
    }

    .orders-grid {
        display: grid;
        grid-template-columns:20rem 1fr 20rem;
        align-items: center;
        column-gap: 2.5rem;
        font-size: 3.75rem;
        font-weight: 700;
        white-space: nowrap;
        max-width: 100%;
    }


    .orders-wrapper {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .shadow-text{
        text-shadow: 0 4px  4px rgba(0, 0, 0, 0.25);

    }

    .white-bg{
        background-color: white;
        flex: 1 1 auto;
        min-height: 0;
        width: 100%;
        border-radius: 20px;
    }

    .qr-tv {
        height: 100%;
        width: 100%;
        gap: 45px;
    }

    .col-4 .personal-layout{
        padding: 30px 20px 20px;
    }

    .qr-tv .name-col{
        line-height: 50px;
    }

    .qr-tv .name-col{
        font-size: 40px;
    }

    .tv-rental{
        flex: 0 0 auto;
        gap:30px;
    }

    .qr-tv img{
        width: 257px;
        height: 100%;
    }


    @media (min-width: 2200px) {
        .orders-grid {
            grid-template-columns:25rem 1fr 20rem;
            column-gap: 4rem;
            font-size: 3.75rem;
        }
    }
}

@media screen and (max-width: 1199px) {
    #header-mobile {
        position: relative;
        z-index: 100;
        /*height: 60px;*/
        background: url("/html/assets/img/header/header_1_60.png");
    }

    .catalog-menu {
        height: auto;
        padding-top: 8px;
        padding-bottom: 10px;
        padding-right: 4px;
    }

    .open-menu {
        width: auto;
        height: auto;
        padding: 5px;
        border-radius: 15px;
    }

    .open-menu .rt {
        font-size: 32px;
    }

    .second-logo--name {
        font-size: 24px;
        line-height: 1;
    }

    .second-logo--text {
        font-size: 6.5px;
    }

    .head-personal {
        height: 100%;
    }

    .head-personal--action {
        width: 94px;
        height: 42px;
        padding-right: 6px;
        padding-left: 4px;
        border-radius: 15px;
    }

    .hp-link a {

    }

    .head-personal--action .rt {
        font-size: 34px;
    }

    #header-mobile .cgap {
        gap: 8px;
    }
}

.container-fluid .head-personal--location {
    max-width: calc(50% - 200px - 1.5rem);
}

.container-fluid .head-personal--action {
    width: 100%;
    padding: 0 2.15rem;
    font-size: 2.25rem;
}

/*.container-fluid .col-12{*/
    /*width: 70%;*/
    /*padding-right: 6rem;*/
/*}*/

.head-personal--action .personal--auth span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
}