@media print,
(max-width: 1279px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --custom_scroll_width: 5px;
        --custom_scroll_height: 5px;
    }



    /*---------------
        Accordion
    ---------------*/
    .accordion
    {
        gap: var(--inner_gap_xxxs);
    }


    .accordion_item
    {
        .head
        {
            padding: var(--inner_gap_s);


            .arr
            {
                width: 40px;
            }


            .title
            {
                width: calc(100% - 40px - var(--inner_gap_s));

                font-size: var(--font_size_l);
            }
        }


        .data
        {
            padding-block: var(--inner_gap);
            padding-inline: var(--inner_gap_s);
        }
    }



    /*------------
        Header
    ------------*/
    header
    {
        display: none;
    }



    /*-----------------
        Mob. header
    -----------------*/
    .mob_header
    {
        display: block;
    }



    /*---------------
        Page head
    ---------------*/
    .page_head
    {
        padding-top: var(--inner_gap);
    }



    /*----------------
        Block head
    ----------------*/
    .block_head
    {
        gap: var(--inner_gap);


        .all_link
        {
            margin-top: 12px;
        }
    }



    /*----------------
        Typography
    ----------------*/
    .text_block
    {
        h2
        {
            font-size: 24px;
        }


        blockquote,
        q
        {
            margin-block: 60px;
            padding-inline: 80px 0;

            font-size: 24px;

            background-position: 0 40px;
            background-size: 40px auto;
        }
    }



    /*-------------------
        First section
    -------------------*/
    .first_section
    {
        .main_slider
        {
            width: calc(100% - 300px - var(--inner_gap_xs));


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


            .title
            {
                font-size: 52px;
            }


            .desc
            {
                width: 320px;
            }


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


        .video
        {
            width: 300px;
        }
    }



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


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



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info
    {
        .data
        {
            width: 500px;


            .item
            {
                width: 240px;


                &.phone,
                &.info
                {
                    .label,
                    .val
                    {
                        width: 240px;
                    }
                }
            }
        }


        .map_wrap
        {
            width: calc(100% - 500px - var(--block_padding));
        }


        .requisites
        {
            gap: var(--block_padding) var(--outside_gap_s);

            margin-top: var(--inner_gap_l);
        }
    }



    /*--------------------
        Contacts block
    --------------------*/
    .contacts_block
    {
        .data
        {
            width: 348px;
        }


        .form
        {
            width: calc(100% - 348px - 60px);


            .submit_btn
            {
                width: 220px;
            }
        }
    }



    /*------------------
        Article info
    ------------------*/
    .article_info
    {
        padding: var(--block_padding);
    }



    /*-------------
        Doctors
    -------------*/
    .doctors
    {
        .grid_row
        {
            --items_per_line: 3;
        }
    }



    /*---------
        FAQ
    ---------*/
    .FAQ
    {
        .block_head
        {
            width: 360px;
        }


        .btns
        {
            .btn
            {
                height: 48px;
            }
        }


        .accordion
        {
            width: calc(100% - 440px);
            padding-top: 0;
        }
    }



    /*-------------
        Catalog
    -------------*/
    .catalog
    {
        .grid_row
        {
            --items_per_line: 2;
        }


        .category
        {
            min-height: 220px;


            .thumb
            {
                width: 120px;
            }
        }
    }



    /*-------------------
        Category head
    -------------------*/
    .category_head
    {
		&:has(+.services) {
			margin-bottom: -60px;
		}
        
        .data
        {
            min-height: 400px;
        }


        .title
        {
            font-size: 60px;
        }


        .desc
        {
            width: 572px;

            font-size: var(--font_size);
        }
    }



    /*--------------
        Services
    --------------*/
    .services
    {
        .service
        {
            .info
            {
                width: 400px;
            }


            .name
            {
                font-size: 24px;
            }


            .desc
            {
                width: calc(100% - 440px - var(--inner_gap) * 2 - var(--block_padding_s));
            }
        }
    }



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



    /*-----------------
        Doctor info
    -----------------*/
    .doctor_info
    {
        .col_left
        {
            width: 320px;


            .order_btn
            {
                min-height: 60px;
                padding-inline: var(--inner_gap_l);
            }
        }


        .col_main
        {
            width: calc(100% - 320px - var(--inner_gap_xs));


            .data,
            .before_after,
            .certs,
            .reviews
            {
                padding: var(--block_padding_s);
            }


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


                .education
                {
                    .title
                    {
                        margin-bottom: var(--inner_gap);

                        font-size: 24px;
                    }


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


            .video
            {
                .name
                {
                    padding: var(--block_padding_s);
                }


                .icon
                {
                    right: var(--block_padding_s);
                    bottom: var(--block_padding_s);
                }
            }
        }
    }



    /*-------------
        Reviews
    -------------*/
    .reviews
    {
        .review
        {
            .name
            {
                font-size: var(--font_size_l);
            }


            .date
            {
                margin-top: var(--inner_gap_xxxs);

                font-size: var(--font_size_s);
            }


            .text,
            .spoler_btn
            {
                font-size: var(--font_size_s);
            }
        }
    }



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


            .title
            {
                font-size: 52px;
            }


            .buy
            {
                .price
                {
                    gap: var(--inner_gap_xxxs);
                }


                .btn
                {
                    height: 60px;
                    padding-inline: var(--block_padding_l);
                }
            }
        }
    }



    /*------------------
        Service desc
    ------------------*/
    .service_desc
    {
        .title
        {
            width: 320px;
        }


        .text_block
        {
            width: calc(100% - 320px - var(--block_padding_xl));
        }
    }



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



    /*-----------------------
        Prices conditions
    -----------------------*/
    .prices_conditions
    {
        .item
        {
            padding: var(--inner_gap_xxxs);


            .price
            {
                padding-inline: var(--inner_gap_s);

                font-size: var(--font_size_l);
            }


            .name
            {
                padding-inline: var(--inner_gap_s);

                font-size: 24px;
            }


            .desc
            {
                padding-inline: var(--inner_gap_s);
            }


            .thumb
            {
                margin-inline: calc(var(--inner_gap_xxxs) * -1);
                margin-top: -32px;
            }


            .btn
            {
                height: 70px;
                margin-block: calc(var(--inner_gap_xs) * -1 - var(--inner_gap)) calc(var(--inner_gap_xxxs) * -1);
            }
        }
    }



    /*-----------------------------------
        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
    {
        .grid_row
        {
            --items_per_line: 3;
            --gap_x: 60px;
            --gap_y: 60px;
        }


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


            &:nth-child(3n):after
            {
                display: none;
            }
        }
    }



    /*----------------
        About info
    ----------------*/
    .about_info
    {
        --cont_padding: 5px;


        .data
        {
            min-height: 450px;
            padding-block: var(--block_padding_xl) 160px;
            padding-inline: 15px;
        }


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


            .desc
            {
                width: 520px;
            }
        }


        .row
        {
            padding-inline: 15px;
        }


        .advantages
        {
            width: 100%;


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


        .video_wrap
        {
            position: relative;
            right: 0;

            width: 100%;
            height: auto;
        }


        .video
        {
            position: relative;
            top: 0;

            margin-bottom: 0;

            transform: none;


            video
            {
                height: 290px;

                aspect-ratio: auto;
            }
        }
    }



    /*-----------------
        Our mission
    -----------------*/
    .our_mission
    {
        .text_block
        {
            &.size_l
            {
                width: calc(100% - 164px);

                font-size: var(--font_size_l);

                background-position: 0 4px;
                background-size: 36px auto;
            }
        }
    }



    /*-------------
        History
    -------------*/
    .history
    {
        .year_part1
        {
            width: 220px;
            margin-bottom: 58px;

            font-size: 180px;
        }


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


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


            .desc
            {
                width: 320px;

                font-size: var(--font_size_l);
            }


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



    /*-----------------
        Main doctor
    -----------------*/
    .main_doctor
    {
        .person
        {
            width: calc(100% - 540px - var(--block_padding_s));


            .info
            {
                left: 60px;

                width: 680px;
                padding: var(--block_padding);


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


        .data
        {
            width: 560px;
            margin-bottom: 180px;


            .title
            {
                font-size: 26px;
            }
        }
    }



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



    /*------------------
        About clinic
    ------------------*/
    .about_clinic
    {
        .block_head
        {
            .desc
            {
                width: 520px;
            }
        }


        .row
        {
            --gap_x: var(--inner_gap);
            --gap_y: var(--inner_gap);
        }


        .advantages
        {
            .grid_row
            {
                --gap_x: var(--inner_gap_s);
                --gap_y: var(--inner_gap_s);
            }


            .item
            {
                min-height: 280px;


                .name
                {
                    &.size_l
                    {
                        font-size: var(--font_size_title);
                    }
                }


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


                .icon
                {
                    width: 88px;
                }


                &.primary
                {
                    .icon
                    {
                        bottom: 0;

                        width: 124px;
                    }
                }
            }
        }


        .our_mission
        {
            .text_block
            {
                width: calc(100% - 200px);
                margin-left: 200px;
            }


            .link
            {
                height: 60px;
                margin-left: 200px;
            }
        }
    }

	.btn-theme-dark,
	.btn.btn-theme-dark {
		height: 60px;
	}



    /*--------------------
        Popular prices
    --------------------*/
    .popular_prices
    {
        .data
        {
            .block_head
            {
                width: 388px;
                padding-top: 0;
            }


            .list
            {
                width: calc(100% - 388px - var(--block_padding_xl));


                .item
                {
                    line-height: calc(100% + 8px);
                }


                .exp
                {
                    margin-top: var(--inner_gap);
                }
            }
        }
    }



    /*------------
        Footer
    ------------*/
    footer
    {
        .contacts_wrap
        {
            width: 240px;
        }
    }



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