@media print,
(max-width: 1023px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --sidebar_width: 100%;
    }


    .content_row
    {
        & > .cont.row
        {
            .content
            {
                order: 2;

                width: 100%;
            }
        }
    }



    /*-------------
        Sidebar
    -------------*/
    aside
    {
        margin-bottom: var(--inner_gap_l);



        .links
        {
            display: grid;
            overflow: auto;

            width: calc(100% + var(--cont_padding_double));
            margin-block: 0;
            margin-inline: calc(var(--cont_padding) * -1);
            padding-block: 0;
            padding-inline: var(--cont_padding);

            border-radius: 0;
            background: none;

            grid-auto-flow: column;
            grid-auto-columns: max-content;
            scroll-padding: 0 var(--cont_padding);
            scroll-snap-type: x mandatory;
            scrollbar-color: transparent transparent;
            scrollbar-width: thin;


            &::-webkit-scrollbar
            {
                display: none;

                width: 0;
                height: 0;

                background-color: transparent;
            }


            &::-webkit-scrollbar-thumb
            {
                background-color: transparent;
            }


            & > *
            {
                scroll-snap-align: start;
            }
        }
    }



    /*-------------------
        First section
    -------------------*/
    .first_section
    {
        .main_slider
        {
            width: 100%;


            .swiper
            {
                .swiper-slide
                {
                    min-height: 500px;
                }
            }


            .title
            {
                width: 400px;
                max-width: 100%;

                font-size: 48px;
            }


            .desc
            {
                width: 360px;
            }
        }


        .video
        {
            width: 100%;
            height: 290px;
        }
    }



    /*----------------------
        Popular services
    ----------------------*/
    .popular_services
    {
        .swiper
        {
            &:not(.swiper-initialized)
            {
                .swiper-wrapper
                {
                    gap: var(--spaceBetween-768);
                }


                .swiper-slide
                {
                    width: calc(100% / var(--slidesPerView-768) - var(--spaceBetween-768));
                }
            }
        }
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info
    {
        .data
        {
            gap: var(--inner_gap);

            width: 100%;
            padding: 0;


            .address_data
            {
                &.show
                {
                    gap: var(--inner_gap);
                }
            }


            .item
            {
                width: calc(50% - var(--inner_gap));


                &.phone,
                &.info
                {
                    .label,
                    .val
                    {
                        width: calc(50% - var(--inner_gap));
                    }
                }
            }
        }


        .map_wrap
        {
            width: 100%;


            .map
            {
                height: 480px;
            }
        }


        .requisites
        {
            justify-content: space-between;
            gap: var(--inner_gap);


            .col
            {
                width: calc(50% - var(--inner_gap));
            }


            .label
            {
                width: 100%;
            }
        }
    }



    /*--------------------
        Contacts block
    --------------------*/
    .contacts_block
    {
        .cont
        {
            gap: var(--block_padding_l);
        }


        .data
        {
            width: 100%;


            .info
            {
                gap: var(--inner_gap);
            }


            .item
            {
                padding-top: var(--inner_gap);


                &.messengers
                {
                    .val
                    {
                        a
                        {
                            height: 48px;
                        }
                    }
                }
            }
        }


        .form
        {
            width: 100%;
            padding-top: 0;


            .submit_btn
            {
                width: 280px;
            }
        }
    }



    /*-------------
        Doctors
    -------------*/
    .doctors
    {
        .grid_row.inline
        {
            display: grid;
            overflow: auto;
            gap: var(--inner_gap_xxs);

            width: calc(100% + var(--cont_padding_double));
            margin-block: 0;
            margin-inline: calc(var(--cont_padding) * -1);
            padding-block: 0;
            padding-inline: var(--cont_padding);

            border-radius: 0;
            background: none;

            grid-auto-flow: column;
            grid-auto-columns: max-content;
            scroll-padding: 0 var(--cont_padding);
            scroll-snap-type: x mandatory;
            scrollbar-color: transparent transparent;
            scrollbar-width: thin;


            &::-webkit-scrollbar
            {
                display: none;

                width: 0;
                height: 0;

                background-color: transparent;
            }


            &::-webkit-scrollbar-thumb
            {
                background-color: transparent;
            }


            & > *
            {
                width: 280px;
                margin: 0;

                scroll-snap-align: start;
            }
        }


        .swiper
        {
            &:not(.swiper-initialized)
            {
                .swiper-wrapper
                {
                    gap: var(--spaceBetween-768);
                }


                .swiper-slide
                {
                    width: calc(100% / var(--slidesPerView-768) - var(--spaceBetween-768));
                }
            }
        }


        .doctor
        {
            padding: 0;

            border: none;
            border-radius: 0;
            background: none;


            .inner
            {
                gap: var(--inner_gap_xs);

                padding: var(--inner_gap);

                border: 1px solid rgba(44, 51, 65, .10);
            }


            .name
            {
                font-size: var(--font_size_l);
            }


            .location
            {
                gap: var(--inner_gap_xxxs);


                .icon
                {
                    width: 24px;
                }


                span
                {
                    max-width: calc(100% - 24px - var(--inner_gap_xxxs));
                }
            }


            .photo
            {
                margin-block: auto calc(var(--inner_gap) * -1);
                margin-inline: calc(var(--inner_gap) * -1);
            }


            .btns
            {
                position: relative;

                padding-block: var(--inner_gap_xxs) 0;
                padding-inline: 0;

                transform: none;

                opacity: 1;
                border-radius: 0;
                background: none;


                .btn
                {
                    height: 48px;

                    font-size: var(--font_size_xs);


                    &.primary
                    {
                        color: var(--light_color);
                        background: var(--primary_color);
                    }
                }
            }
        }
    }



    /*---------
        FAQ
    ---------*/
    .FAQ
    {
        .block_head
        {
            width: 100%;
            margin-bottom: var(--block_head_offset);
        }


        .accordion
        {
            width: 100%;
        }
    }



    /*-------------
        Catalog
    -------------*/
    .catalog
    {
        .category
        {
            .thumb
            {
                width: 100px;
            }
        }
    }



    /*-------------------
        Category head
    -------------------*/
    .category_head
    {
        .title
        {
            font-size: 52px;
        }
    }



    /*--------------
        Services
    --------------*/
    .services
    {
        .service
        {
            .info
            {
                gap: var(--inner_gap_xxs);

                width: calc(100% - 40px - var(--inner_gap));
            }


            .name
            {
                font-size: 22px;
            }


            .desc
            {
                width: 100%;
            }
        }
    }



    /*-------------------
        Category info
    -------------------*/
    .category_info
    {
        .accordion_item
        {
            .head
            {
                .title
                {
                    font-size: var(--font_size_xl);
                    line-height: calc(100% + 8px);
                }
            }
        }
    }



    /*-----------------
        Doctor info
    -----------------*/
    .doctor_info
    {
        .col_left
        {
            gap: var(--inner_gap_xs);

            width: 100%;


            .sticky
            {
                gap: var(--inner_gap_xs);
            }
        }


        .col_main
        {
            width: 100%;
        }
    }



    /*------------------
        Service head
    ------------------*/
    .service_head
    {
        .data
        {
            .title,
            .desc,
            .pluses,
            .buy
            {
                width: 480px;
            }


            .title
            {
                font-size: 44px;
            }


            .desc,
            .pluses
            {
                font-size: var(--font_size_s);
            }


            .buy
            {
                .price
                {
                    gap: 0;


                    .label
                    {
                        font-size: var(--font_size_s);
                    }
                }


                .btn
                {
                    height: 56px;
                    padding-inline: var(--block_padding);
                }
            }
        }
    }



    /*------------------
        Service desc
    ------------------*/
    .service_desc
    {
        .title,
        .text_block
        {
            width: 100%;
        }
    }



    /*-----------------
        Prices grid
    -----------------*/
    .prices_grid
    {
        .grid_row
        {
            --items_per_line: 2;
        }
    }



    /*-----------------
        Prices list
    -----------------*/
    .prices_list
    {
        .item
        {
            .label
            {
                width: calc(100% - 220px - var(--block_padding_s));
            }


            .price
            {
                width: 220px;
            }
        }
    }



    /*-----------------------
        Prices conditions
    -----------------------*/
    .prices_conditions
    {
        .grid_row
        {
            display: grid;
            overflow: auto;
            gap: var(--inner_gap_xxs);

            width: calc(100% + var(--cont_padding_double));
            margin-block: 0;
            margin-inline: calc(var(--cont_padding) * -1);
            padding-block: 0;
            padding-inline: var(--cont_padding);

            border-radius: 0;
            background: none;

            grid-auto-flow: column;
            grid-auto-columns: max-content;
            scroll-padding: 0 var(--cont_padding);
            scroll-snap-type: x mandatory;
            scrollbar-color: transparent transparent;
            scrollbar-width: thin;


            &::-webkit-scrollbar
            {
                display: none;

                width: 0;
                height: 0;

                background-color: transparent;
            }


            &::-webkit-scrollbar-thumb
            {
                background-color: transparent;
            }


            & > *
            {
                width: 320px;
                margin: 0;

                scroll-snap-align: start;
            }
        }
    }



    /*-----------------------------------
        Indications/Contraindications
    -----------------------------------*/
    .indications_contraindications
    {
        .title
        {
            padding-inline: var(--inner_gap);

            font-size: 22px;
        }


        .items
        {
            gap: var(--inner_gap_xs);

            padding: var(--inner_gap);
        }
    }



    /*--------------------
        Services steps
    --------------------*/
    .services_steps
    {
        .data
        {
            overflow: hidden;
        }


        .grid_row
        {
            display: grid;
            overflow: auto;
            gap: var(--block_padding_xl);

            width: calc(100% + 30px);
            margin-block: 0;
            margin-inline: -15px;
            padding-block: 0;
            padding-inline: 15px;

            border-radius: 0;
            background: none;

            grid-auto-flow: column;
            grid-auto-columns: max-content;
            scroll-padding: 0 15px;
            scroll-snap-type: x mandatory;
            scrollbar-color: transparent transparent;
            scrollbar-width: thin;


            &::-webkit-scrollbar
            {
                display: none;

                width: 0;
                height: 0;

                background-color: transparent;
            }


            &::-webkit-scrollbar-thumb
            {
                background-color: transparent;
            }


            & > *
            {
                width: 260px;
                margin: 0;

                scroll-snap-align: start;
            }
        }


        .item
        {
            &:nth-child(3n):after
            {
                display: block;
            }


            &:after
            {
                top: 18px;

                width: calc(var(--block_padding_xl) - var(--inner_gap));
            }


            .number
            {
                margin-bottom: var(--inner_gap_s);


                .val
                {
                    padding-block: 5px;
                }
            }


            .name
            {
                font-size: var(--font_size_xl);
            }
        }
    }



    /*----------------
        About info
    ----------------*/
    .about_info
    {
        .data
        {
            min-height: 0;
            padding-block: var(--block_padding_xl) 200px;
        }


        .info
        {
            .title
            {
                font-size: 44px;
            }


            .desc
            {
                width: 100%;
            }
        }


        .advantages
        {
            .grid_row
            {
                --items_per_line: 2;
            }


            .item
            {
                min-height: 260px;


                &.primary
                {
                    .icon
                    {
                        bottom: 0;

                        width: 120px;
                    }
                }
            }
        }
    }



    /*-----------------
        Our mission
    -----------------*/
    .our_mission
    {
        .text_block
        {
            &.size_l
            {
                width: 100%;
            }
        }
    }



    /*-------------
        History
    -------------*/
    .history
    {
        .year_part1
        {
            width: 200px;
            margin-bottom: 51px;

            font-size: 148px;
        }


        .list
        {
            gap: var(--block_padding);
        }


        .item
        {
            .year_part2
            {
                font-size: 148px;
            }


            .desc
            {
                width: 300px;

                font-size: var(--font_size);


                .icon
                {
                    width: 20px;
                }
            }


            &.now
            {
                .desc
                {
                    width: 360px;
                }
            }
        }
    }



    /*-----------------
        Main doctor
    -----------------*/
    .main_doctor
    {
        .person
        {
            order: 2;

            width: 100%;
            margin-left: 0;


            .photo
            {
                img
                {
                    width: 480px;
                    max-width: 100%;
                    margin-inline: auto;
                }
            }


            .info
            {
                left: 0;

                width: calc(100% - 68px);


                .name
                {
                    font-size: 24px;
                }
            }
        }


        .data
        {
            width: 100%;
            margin-bottom: 0;


            .title
            {
                font-size: 24px;
            }


            .text_block
            {
                font-size: var(--font_size_s);
            }
        }
    }



    /*-------------------
        Photo gallery
    -------------------*/
    .photo_gallery
    {
        .swiper
        {
            .swiper-slide
            {
                width: 600px;
            }
        }
    }



    /*------------------
        About clinic
    ------------------*/
    .about_clinic
    {
        .block_head
        {
            .desc
            {
                width: 100%;
            }
        }


        .row
        {
            --items_per_line: 1;
        }


        .advantages
        {
            .item
            {
                min-height: 240px;
            }
        }


        .images
        {
            .swiper
            {
                position: relative;


                .swiper-wrapper
                {
                    position: relative;
                }
            }
        }
    }



    /*--------------
        Licenses
    --------------*/
    .licenses
    {
        .swiper
        {
            &:not(.swiper-initialized)
            {
                .swiper-wrapper
                {
                    gap: var(--spaceBetween-768);
                }


                .swiper-slide
                {
                    width: calc(100% / var(--slidesPerView-768) - var(--spaceBetween-768));
                }
            }
        }
    }



    /*--------------------
        Popular prices
    --------------------*/
    .popular_prices
    {
        .data
        {
            padding-block: var(--block_padding_xl);


            .block_head
            {
                width: 100%;
            }


            .list
            {
                width: 100%;
                margin-top: var(--block_padding_xl);
            }
        }
    }



    /*------------
        Footer
    ------------*/
    footer
    {
        .info,
        .contacts_wrap
        {
            width: calc(50% - var(--inner_gap));
        }


        .menu,
        .categories
        {
            display: none;
        }


        .contacts_wrap
        {
            gap: var(--inner_gap);


            .item
            {
                padding-top: var(--inner_gap);
            }
        }


        .copyright
        {
            border-radius: var(--border_radius_max);
        }
    }



    /*-----------
        PopUp
    -----------*/
    .modal
    {
        .inner
        {
            width: 640px;
        }
    }



    /*-------------------
        PopUp - Order
    -------------------*/
    #order_modal
    {
        .inner
        {
            .data
            {
                margin-left: 0;
            }
        }


        .image
        {
            display: none;
        }
    }
}