html{
    margin: 0 auto;
}

body{
    width: 100%;
    background: #131318;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    position: relative;
    margin: 0 auto;

}

/* html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
    background: #131318;
} */

.header{
        /* Header */

    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 40px;
    /* gap: 337px; */

    width: 100%;
    /*height: 78px;*/

    background: #131318;
    border-bottom: 1px solid rgba(17, 0, 0, 0.05);

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.header_logo{
    /* Logo + padding */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    margin: 0 auto;
    /* width: 127px; */
    /*height: 46px;*/
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.item_menu{
    /* Item menu */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 40px;

    margin: 0 auto;
    width: 350px;
    /*height: 46px;*/


    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.text_header{
    /* Phone number */

    width: 122px;
    /*height: 17px;*/

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    
    color: #FFFFFF;


    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.button_header_div{
    /* Button's */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;

    width: 188px;
    /*height: 46px;*/


    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;

}

.button_header{
    /* Button */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14.5px 24px;
    gap: 8px;

    width: 188px;
    /*height: 46px;*/

    background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #0DB296;
    border-radius: 8px;

    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;

}

.main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12% 4% 6%;
    gap: 128px;
    width: 70%;
    margin: auto;
    background: #131318;
    flex: none;
    order: 1;
    flex-grow: 0;

}

.ellipse{
    /* Ellipse 428 */

    position: absolute;
    width: 379px;
    height: 272px;
    right: 50%;
    /* top: calc(50% - 272px/2 + 21.5px); */

    background: linear-gradient(90deg, rgba(242, 9, 211, 0.4) 0%, rgba(244, 167, 59, 0.4) 100%);

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 0;

}

.product_main{
    /* Product card */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    gap: 30px;
    isolation: isolate;

    /* width: 1200px; */
    /* height: 513px; */

    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(128px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 20px;

    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    z-index: 1;

    /* Ellipse 428 */



/* background: linear-gradient(90deg, rgba(242, 9, 211, 0.4) 0%, rgba(244, 167, 59, 0.4) 100%); */

}

.clip_path_group{
    /* Clip path group */

    position: absolute;
    width: 701.67px;
    /*height: 713px;*/
    right: -119.51px;
    bottom: -82px;


    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 0;
}

.main_det{
    /* Frame 1000001663 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 30px;

    /* width: 1120px; */
    /*height: 433px;*/


    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    z-index: 1;

}

.main_desc_text{
    /* Product description */

/* width: 600px;
height: 36px; */

font-family: 'Montserrat';
text-align: center;
font-style: normal;
font-weight: 800;
font-size: 34px;
/* line-height: 150%; */
/* identical to box height, or 36px */

color: rgba(255, 255, 255, 0.8);


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}

.main_ali_img{
    /* image 2 */

    width: 424px;
    height: 100px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;

}

.main_icons_soc{
    /* Group */

width: 46px;
height: 46px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.main_button_text{
    /* Order button */

/* width: 148px;
height: 17px; */

font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
/* identical to box height */
letter-spacing: 1px;

color: #FFFFFF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.prod_det{
    /* Product details */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
/* align-items: flex-start; */
padding: 0px;
gap: 10px;

width: 600px;
max-width: 600px;
/*height: 226px;*/


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}

.ali_main{
    /* Frame 8196 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 5.5px 0px;
gap: 10px;

/* width: 424px; */
/*height: 111px;*/


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}

.phone_main{
    /* Clip path group */
    max-width: 701.67px;
position: absolute;
/* width: 701.67px; */
width: 70vh;
/*height: 713px;*/
right: -119.51px;
bottom: -82px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
z-index: 0;

}

.main_cont{
    /* Frame 1000001662 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 15px;

/* width: 189px; */
/*height: 36px;*/


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;

}

.main_button{

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14.5px 24px;
gap: 8px;

position: absolute;
width: 20%;
height: 20px;
left: 494px;
top: 494px;

background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #0DB296;
border-radius: 8px;
flex: none;
order: 2;
flex-grow: 0;
z-index: 2;

/* display: flex;
justify-content: center;
align-items: center;
padding: 14.5px 24px;
gap: 8px;
margin-left: 20px;
width: 212px;
height: 20px;

background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #0DB296;
border-radius: 8px; */

}

.first_block{
    /* First Block */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 60px 0px;
gap: 40px;

width: 100%;
/*height: 357px; */

background: #131318;

/* Inside auto layout */
flex: none;
order: 3;
/* align-self: stretch; */
flex-grow: 0;

}

.f_header{
    /* Section header */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
gap: 12px;
width: 100%;
/* width: 1280px; */
/*height: 35px;*/


/* Inside auto layout */
flex: none;
order: 0;
/* align-self: stretch; */
flex-grow: 0;

}

.sec_title{
    /* Section title */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 10px;
justify-content: center;

width: 100%;
/*height: 35px;*/


/* Inside auto layout */
/* flex: none; */
/* order: 0; */
/* align-self: stretch; */
/* flex-grow: 0; */
margin: 0 auto;

}

.polosa_r{
    /* Left divider */
    min-width: 20px;
    flex: 1;
    /* width: 50%; */
    /* width: 40px; */
    height: 2px;

    background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #D9D9D9;

    /* Inside auto layout */
    /* flex: none;
    order: 0;
    flex-grow: 0; */

}

.polosa_l{
    /* Right divider */
    min-width: 20px;
    flex: 1;
    /* max-width: 50%; */
/* width: 997px; */
height: 2px;

background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #D9D9D9;

/* Inside auto layout */
/* flex: none;
order: 2;
flex-grow: 1; */

}

.t_header{
    /* Features */

/* Auto layout */
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: center;
/* justify-content: center; */
/* padding: 0px 40px; */
gap: 20px;
margin: auto;
/* width: 1280px; */
/*height: 162px;*/


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}

.first_block_card1{
    /* image */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px 20px;
gap: 12px;

/* width: 28vh; */
/*height: 162px;*/

background: rgba(255, 255, 255, 0.05);
border-radius: 20px;

/* Inside auto layout */
/* flex: none; */
/* order: 0;
flex-grow: 1; */

}

.first_block_card1_txt{
    /* Feature description */

    /* width: 245px; */
    /*height: 22px;*/

    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;

    background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #110000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;


    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;

}

.first_block_card1_img{
    /* Feature icon */

width: 48px;
height: 48px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.shop_block{
    /* First Block */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px 0px;
gap: 40px;
/* isolation: isolate; */

width: 100%;
/*height: 1203px; */

background: #131318;

/* Inside auto layout */
flex: none;
order: 4;
/* align-self: stretch; */
flex-grow: 0;

}

.shop_block2{
    /* First Block */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0px;
gap: 40px;
/* isolation: isolate; */

width: 100%;
/*height: 1203px; */

background: #131318;

/* Inside auto layout */
flex: none;
order: 7;
/* align-self: stretch; */
flex-grow: 0;

}

.ellipse_second_block{
    /* Ellipse 429 */

position: absolute;
width: 1500px;
/*height: 825px;*/
left: calc(50% - 1500px/2);
top: calc(50% - 825px/2 - 3px);

background: linear-gradient(90deg, rgba(242, 9, 211, 0.05) 0%, rgba(244, 167, 59, 0.05) 100%);
filter: blur(75px);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
z-index: 0;

}

.block_market{

display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
/* padding: 0px 40px; */
gap: 20px;
max-width: 80%;
flex: none;
order: 2;
flex-grow: 0;
z-index: 2;

}

.card_market{
    /* image */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 16px;
gap: 12px;
isolation: isolate;

width: 295px;
max-width: 295px;
/*height: 451px;*/

background: rgba(255, 255, 255, 0.05);
border-radius: 20px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;

}

.img_card_market{
    /* image 1 */

width: 29vh;
height: 29vh;
margin: auto;

border-radius: 12px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
z-index: 0;

}


.descr_card{
    /* Frame 1000001655 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 12px;

width: 240px;
/*height: 60px;*/


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
z-index: 1;

}

.text_descr_card{
/* Светодиодный ночник RGB Nixie Tube Clock
 */

max-width: 240px;
/*height: 60px;*/

font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;

color: #FFFFFF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;

}

.price_card{
    /* Frame 1000001656 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 10px;

width: 162px;
/*height: 24px;*/


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
z-index: 2;

}

.now_price{
    /* 5 045 ₽ */

/* width: 76px; */
/*height: 24px;*/

font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */

background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #0DB296;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.last_price{
    /* 5 045 ₽ */

/* width: 76px; */
/*height: 24px;*/

font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
text-decoration-line: line-through;

color: rgba(255, 255, 255, 0.5);


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}

.button_card{
    /* Button */

/* Auto layout */
text-decoration:none;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14.5px 24px;
gap: 8px;

width: 245px;
height: 20px;
margin: auto;

background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #0DB296;
border-radius: 8px;

/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;
z-index: 3;

}

.text_button_card{
    /* Зарегистрироваться */

/* width: 75px; */
/*height: 17px;*/

font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
/* identical to box height */
letter-spacing: 1px;

color: #FFFFFF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.more_btn_market{
    /* Load more button */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px 0px 0px;
gap: 10px;

/* width: 165px; */
/*height: 66px;*/


/* Inside auto layout */
flex: none;
order: 8;
flex-grow: 0;

}

.more_btn_market2{
    /* Load more button */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px 0px 0px;
gap: 10px;

/* width: 165px; */
/*height: 66px;*/


/* Inside auto layout */
flex: none;
order: 8;
flex-grow: 0;

}

.div_more_btn_market {
    text-decoration:none;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14.5px 24px;
    gap: 8px;

    width: 165px;
    height: 20px;
    
    border-radius: 8px;
    /* background-color: black; */
    z-index: 1;
}

.div_more_btn_market::before {
    text-decoration: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 2px; /* Толщина границы */
    background: linear-gradient(to right, #F209D3, #F4A73B), #FFFFFF;
    
    /* Создание границы без заливки */
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    
    z-index: -1;
}

.text_more_btn_market{
    /* Зарегистрироваться */

/* width: 117px; */
/*height: 17px;*/

font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
/* identical to box height */
letter-spacing: 1px;

background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #FFFFFF;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.block_tt{
    /* First Block */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0px;
gap: 40px;
isolation: isolate;

width: 100%;
/*height: 646px;*/

background: #131318;

/* Inside auto layout */
flex: none;
order: 5;
/* align-self: stretch; */
flex-grow: 0;

}

.ellipse_block_tt{
    /* Ellipse 429 */

position: absolute;
max-width: 1500px;
/*height: 825px;*/
left: calc(50% - 1500px/2);
top: calc(50% - 825px/2 - 3.5px);

background: linear-gradient(90deg, rgba(242, 9, 211, 0.05) 0%, rgba(244, 167, 59, 0.05) 100%);
filter: blur(75px);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
z-index: 0;

}

.second_header{
    /* Section header */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 10px;

/* width: 1280px; */
/*height: 35px;*/


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
z-index: 1;

}

.second_polosa_r{
    /* Left divider */

width: 40px;
height: 2px;

background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #D9D9D9;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.second_polosa_l{
    /* Right divider */

    
/* width: 1083px; */
height: 2px;

background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #D9D9D9;

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 1;

}

.h2_head{
    /* Section name */

/* width: 137px; */
/*height: 35px;*/
flex-shrink: 0;
padding: 0 20px;
text-align: center;

font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 35px;
/* identical to box height */

color: #FFFFFF;


/* Inside auto layout */
/* flex: none;
order: 1;
flex-grow: 0; */

}

.t_header_2{
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0px 40px; */
    gap: 20px;
    margin: auto;
}

.screens_tt{
    /* Product list */

/* Auto layout */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
/* padding: 0px 40px; */
gap: 20px;

max-width: 80%;
/*height: 451px; */


/* Inside auto layout */
flex: none;
order: 2;
/* align-self: stretch; */
flex-grow: 0;
z-index: 2;

}

.card_tt{
    /* image */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 20px;
gap: 12px;
isolation: isolate;

width: 295px;
max-width: 295px;
height: 451px;

background: url(../img/card_tt.png), rgba(255, 255, 255, 0.05);
background-size: 100% 100%;
border-radius: 20px;
background-repeat: no-repeat;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;

}

.soc_netw{
    /* First Block */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px 0px;
gap: 40px;
isolation: isolate;

width: 100%;
/* height: 456px; */

background: #131318;

/* Inside auto layout */
flex: none;
order: 6;
/* align-self: stretch; */
flex-grow: 0;

}

.ellipse_soc_netw{
/* Ellipse 429 */

position: absolute;
width: 1500px;
/* height: 825px; */
left: calc(50% - 1500px/2);
top: calc(50% - 825px/2 - 3.5px);

background: linear-gradient(90deg, rgba(242, 9, 211, 0.05) 0%, rgba(244, 167, 59, 0.05) 100%);
filter: blur(75px);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
z-index: 0;

}

.ellipse_cardtg_soc_netw{
    /* Ellipse 428 */

position: absolute;
width: 380px;
/* height: 261px; */
left: 40px;
top: calc(50% - 261px/2 + 37.5px);

background: linear-gradient(90deg, rgba(242, 9, 211, 0.4) 0%, rgba(244, 167, 59, 0.4) 100%);

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
z-index: 2;

}


/* .ellipse_cardinst_soc_netw{

position: absolute;
width: 380px;
height: 261px;
left: calc(50% - 380px/2);

background: linear-gradient(90deg, rgba(242, 9, 211, 0.4) 0%, rgba(244, 167, 59, 0.4) 100%);

flex: none;
order: 3;
flex-grow: 0;
z-index: 1;

} */

.soc_elipse {
    position: absolute;
    display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    /* padding: 0px 40px; */
    gap: 30px;
    /* width: 80%; */
    /* height: 261px; */
    flex: none;
    order: 5;
    /* align-self: stretch; */
    flex-grow: 0;
    z-index: -1;
}

.ellipse_cardinst_soc_netw {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
    gap: 20px;
    width: 380px;
    margin: auto;
    height: 261px;
    /* background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.05); */
    backdrop-filter: blur(32px);
    border-radius: 20px;
    flex: none;
    order: 0;
    flex-grow: 1;
    z-index: 2;
    /* background: linear-gradient(90deg, rgba(242, 9, 211, 0.4) 0%, rgba(244, 167, 59, 0.4) 100%); */
}

.ellipse_cardinst_soc_netw_img {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
    gap: 20px;
    width: 380px;
    margin: auto;
    height: 261px;
    /* background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.05); */
    backdrop-filter: blur(32px);
    border-radius: 20px;
    flex: none;
    order: 0;
    flex-grow: 1;
    z-index: 2;
    /* background: linear-gradient(90deg, rgba(242, 9, 211, 0.4) 0%, rgba(244, 167, 59, 0.4) 100%); */
}

.ellipse_cardtt_soc_netw{
    /* Ellipse 431 */

    position: absolute;
    width: 380px;
    /* height: 261px; */
    right: 40px;
    top: calc(50% - 261px/2 + 37.5px);

    background: linear-gradient(90deg, rgba(242, 9, 211, 0.4) 0%, rgba(244, 167, 59, 0.4) 100%);

    /* Inside auto layout */
    flex: none;
    order: 4;
    flex-grow: 0;
    z-index: 4;

}

.cards_soc_netw{
    /* Frame 1000001665 */

/* Auto layout */
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 0px 40px;
gap: 30px;


/* width: 80%; */
/* height: 261px; */


/* Inside auto layout */
flex: none;
order: 5;
/* align-self: stretch; */
flex-grow: 0;
z-index: 5;

}

.cardtg_soc_netw{
    /* SM Card */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
gap: 20px;
max-width: 560px;
margin: auto;
/* width: 380px;
min-width: 360px; */
/* height: 261px; */

background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.05);
backdrop-filter: blur(32px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 20px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
z-index: 2;
}

.text_cardtg_soc_netw{
    /* Text */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 10px;

width: 340px;
/* height: 36px; */


/* Inside auto layout */
flex: none;
order: 0;
/* align-self: stretch; */
flex-grow: 0;

}

.frame_cardtg_soc_netw{
    /* Frame 9 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 10px;

width: 220px;
/* height: 36px; */


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.img_cardtg_soc_netw2{
    /* Group */

width: 36px;
height: 36px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.text_frame_cardtg_soc_netw{
    /* Frame 9 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 3px;

width: 174px;
/* height: 20px; */


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;

}

.p_frame_cardtg_soc_netw{
    /* Telegram */

width: 174px;
/* height: 20px; */

font-family: 'Unbounded';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 140%;
/* identical to box height, or 20px */

color: #FFFFFF;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}

.img_cardtg_soc_netw{
    /* Frame 14 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 10px;

width: 30%;
/* width: 340px; */
/* height: 165px; */


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}

.frame_img_cardtg_soc_netw{
    /* Frame 109 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 5px;

width: 165px;
/* height: 165px; */


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;

}

.img_frame_img_cardtg_soc_netw{
    /* Photo */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 30px;
gap: 10px;

width: 165px;
height: 165px;

background: url(image.png);
border-radius: 10px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}

.img_frame_img_cardtg_soc_netw2{
    /* Photo */

/* Auto layout */
display: flex
;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 165px;
    height: 165px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;

}


.footer{
    /* Footer */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 30px 40px;
gap: 337px;

width: 100%;
/* height: 79px; */

background: #141414;
border-top: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0px 1px 1px rgba(30, 60, 114, 0.05);

/* Inside auto layout */
flex: none;
order: 8;
flex-grow: 0;

}

.foter_link{
    /* Link */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 40px;

margin: 0 auto;
width: 45px;
/* height: 19px; */


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.text_foter_link{
    /* Идея и разработка: grinar_studio */

width: 45px;
/* height: 19px; */

font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
text-align: center;

color: #FFFFFF;

opacity: 0.5;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.foter_more{
    /* Item menu */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 40px;

    margin: 0 auto;
    width: 182px;
    /* height: 19px; */


    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;

}

.text_foter_more{
    /* Юридическая информация */

width: 182px;
/* height: 19px; */

font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
text-align: center;

color: #FFFFFF;

opacity: 0.5;

/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;

}

.head_logo{
    width: 80%;
    margin: auto;
}

.phone_main2{
    display: none;
}



/* Стили для модального окна */
.modal {
    display: none; 
    position: fixed; 
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
}

.modal-content {
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(16px);
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    height: 70%;
    max-width: 906px;
    max-height: 906px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Добавляем прокрутку внутри */
.modal-body {
    max-height: 600px; /* Можно менять это значение, чтобы задать нужный размер */
    overflow-y: auto;  /* Вертикальная прокрутка */
    overflow-x: clip;
    padding-right: 1%; 
}

/* Стили для скроллбара (необязательно) */
.modal-body::-webkit-scrollbar {
    width: 6px;
}

.modal-body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
}

.modal-body::-webkit-scrollbar-track {
    background: transparent;
}

.close {
    color: white;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 25px;
    cursor: pointer;
}

.modal-title-h2{
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;

}

.modal-title-p{
    font-family: 'Montserrat', sans-serif;
    color: white;
}

.modal-description{
    font-family: 'Montserrat', sans-serif;
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
}

.modal-img {
    width: 95%; 
    max-width: 295px; 
    aspect-ratio: 1 / 1; 
    object-fit: cover; 
    margin: 5%;
    border-radius: 20px;
}

.modal-price {
    font-size: 18px;
    margin-top: 10px;
    text-align: left;
}

#modal-now-price {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    /* identical to box height, or 24px */

    background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #0DB296;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    /* font-weight: bold;
    color: green; */
}

#modal-last-price {
    /* $30.45 */

    /* width: 73px;
    height: 24px; */

    /* $60.90 */


    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    /* identical to box height, or 24px */
    text-decoration-line: line-through;

    color: rgba(255, 255, 255, 0.5);
    margin-left: 5px;
    /* text-decoration: line-through;
    color: red;
    margin-left: 10px; */
    
}

#toggle-description {
    color: rgba(255, 255, 255, 0.8);
    border: none;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: left;
}

/* #toggle-description:hover {
    
    background-color: rgba(255, 255, 255, 0.8);
} */
.modal-img-div{
    justify-content: center;
    display: flex;
    flex-wrap: nowrap;
    max-width: 50%;
    margin: auto;
}

.modal-button {
    display: block;
    width: 97%;
    text-decoration:none;
    color: white;
    background: linear-gradient(90deg, #F209D3 0%, #F4A73B 100%), #0DB296;
    border-radius: 8px;
    text-align: center;
    padding: 15px;
    margin: 15px auto 0;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Montserrat';
}



@media screen and (max-width:1766px) {
    /* .t_header{
        max-width: 90%
    } */
    .block_market{
       max-width: 90%
    }
    .screens_tt{
        max-width: 90%
    }

}

@media screen and (max-width:1572px) {
    /* .t_header{
        max-width: 95%
    } */
     .main{
        width: 90%;
     }
    .block_market{
        max-width: 95%
     }
    .screens_tt{
        max-width: 95%
    }

}

@media screen and (max-width:1448px) {
    /* .t_header{
        max-width: 95%
    } */
    .block_market{
        max-width: 95%
     }

}

@media screen and (max-width:1496px) {
    .screens_tt{
        max-width: 65%
    }
    .prod_det{
        max-width: 550px;
    }
    /* .block_market{
        max-width: 65%
     } */

}

@media screen and (max-width:1287px) {
    /* .modal-content{
        width: 70%;
    } */
    .screens_tt{
        max-width: 65%
    }
    .prod_det{
        max-width: 550px;
    }
    .main_ali_img{
        max-width: 300px;
        max-height: 80px;
    }
    .main_button{
        top: 464px;
        left: auto;
    }
    .block_market{
        max-width: 100%;
        gap:12px;
        /* padding: 15px; */
     }

}

@media screen and (max-width:1200px) {
    .main{
        width: 90%;
    }
    .screens_tt{
        max-width: 65%
    }
    .prod_det{
        max-width: 450px;
    }
    .main_ali_img{
        max-width: 250px;
        max-height: 70px;
    }
    .main_button{
        top: 404px;
        left: auto;
    }
    /* .main_desc_text{
        font-size: 20px;
    } */
    /* .block_market{
        max-width: 65%
     } */

}

@media screen and (max-width:1078px) {
    .main{
        width: 90%;
    }
    .screens_tt{
        max-width: 95%
    }
    .card_tt{
        max-width: 140px;
        height: 260px;
    }
    /* .main_desc_text{
        max-width: 200px;
    } */
    .main_button{
        top: 434px;
        left: auto;
    }
}


@media screen and (max-width:1024px) {
    .phone_main {
        /* max-width: 45vh; */
        height: 700px;
    }
    .main_button {
        top: 418px;
        left: auto;
    }
}

/* @media screen and (max-width:987px) {
    .phone_main {
        max-width: 45vh;
        height: 660px;
    }
    .main_button {
        top: 508px;
    }
    .ellipse{
        right: unset;
    }
    
    .main_det{
        gap: 10px;
        align-items: center;
    }
    .main_desc_text{
        font-size: 24px;
        text-align: center;
        max-width: 100%;
    }
    .phone_main2{

        position: unset;
        width: 90%;
        right: -119.51px;
        bottom: -82px;
        flex: none;
        order: 3;
        flex-grow: 0;
        z-index: 3;
        display: inline;
        margin-top: 10%;
    }
    .phone_main{
        display: none;
    }
} */

@media screen and (max-width:860px) {
    .screens_tt{
        max-width: 95%;
    }
    .card_tt{
        max-width: 220px;
        height: 360px;
    }
}

@media screen and (max-width:821px) {
    .phone_main {
        max-width: 55vh;
        height: 560px;
    }
    .main_button {
        margin-left: 85px;
        top: 508px;
    }
    .ellipse{
        right: unset;
    }
}


@media screen and (max-width:768px) {

    .product_main{
        margin-bottom: auto;
        height: 113vh;
    }
    
    .modal-content{
        width: unset;
        height: 60%;
    }
    .ellipse {
        right: unset;
        bottom: 91%;
    }
    .phone_main2{
            /* Clip path group */

        position: absolute;
        /* width: 701.67px; */
        width: 90%;
        /*height: 713px;*/
        /* right: -119.51px; */
        top: 50%;


        /* Inside auto layout */
        flex: none;
        order: 3;
        flex-grow: 0;
        z-index: 3;
        display: inline;
        /* margin-top: 10%; */
    }
    .phone_main{
        display: none;
    }
    /* .header{
        gap: 40%;
    } */
    .item_menu{
        width: auto;
    }
    .text_header{
        display: none;
    }
    /* .phone_main{
        position: unset;
        order: 2;
        margin-top: 25px;
        width: 60vh;
    } */
    .main{
        width: 90%;
        min-height: 1113px;
    }
    .main_det{
        gap: 1px;
        align-items: center;
    }
    .main_desc_text{
        font-size: 24px;
        text-align: center;
        max-width: 100%;
    }
    .prod_det{
        align-self: unset;
    }
    .cards_soc_netw{
        max-width: 65%
    }
    /* .first_block_card1{
        width: 285px;
    } */
    /* .t_header{
        max-width: 65%
    } */
    .main_button{
        margin-top: 10px;
        position: unset;
        top: unset;
        margin-left: unset;
        /* left: auto; */
        width: 80%;
        margin-bottom: 70%;
    }
    /* .block_market{
        max-width: 65%
     } */

     .footer{
        gap: unset;
     }

}

@media screen and (max-width:711px) {
    .text_descr_card{
        max-width: 140px;
    }
    .descr_card{
        max-width: 140px;
    }
    .img_card_market{
        width: 19vh;
        height: 19vh;
    }
    .card_market{
        width: unset;
        max-width: 195px;
        padding: 8px;
    }
    /* .button_card{
        max-width: 100px;
    } */
    
}

@media screen and (max-width:650px) {
    .main_button {
        margin-bottom: 80%;}
}


@media screen and (max-width:620px) {
    /* .main {
        min-height: 101vh;
    } */
    /* .product_main {
        height: 100vh;
    } */

    /* .phone_main2 {
        top: 47%;
        width: 70%;
    } */

    .screens_tt{
        max-width: 95%;
    }
    .card_tt{
        max-width: 160px;
        height: 280px;
    }
    .h2_head{
        font-size: 24px;
    }
    .first_block_card1_txt{
        font-size: 14px;
    }
    .phone_main2 {
        width: 80%;
        top: 60%;
    }
    .product_main {
        margin-bottom: auto;
        height: 95vh;
    }
    .main_button {
        margin-bottom: 60%;
    }
}

@media screen and (max-width:534px) {
.ellipse {
    right: unset;
    bottom: 93%;
}
}

@media screen and (max-width:515px) {
    
    .main{
        width: 90%;
        min-height: 780px;
    }
    .header_logo{
        margin: unset;
    }
    .head_logo{
        max-width: 30%;
        margin-left: 0;
    }
    .main_button{
        margin-bottom: 80%;
        position: unset;
        top: unset;
    }
    .header{
        flex-wrap: wrap;;
    }
    .item_menu{
        display: none;
    }
    .prod_det {
        max-width: 250px;
    }
    .button_header_div{
        margin-top: 10px;
    }
    /* .phone_main2{
        margin-top: 20%;
    } */
    .ellipse {
        width: 50%;
    }
    .modal-title-h2{
        font-size: 20px;
    }
    .screens_tt{
        max-width: 95%;
    }
    .card_tt{
        max-width: 120px;
        height: 210px;
    }
    .block_market{
        /* min-width: 100%; */
        margin: 5px;
        gap: 10px;
        /* padding: 10px; */
     }

     .main_ali_img {
        max-width: 200px;
        max-height: 50px;
    }
    .product_main {
        margin-bottom: auto;
        height: 90vh;
    }
    .phone_main2 {
        width: 80%;
        top: 55%;
    }
    .card_market {
        flex: 0 0 calc(50% - 5px); /* 2 карточки в ряд с учетом gap */
        max-width: calc(50% - 5px); /* Фиксируем ширину */
        box-sizing: border-box; /* Учитываем padding внутри ширины */
    }
    
    .img_card_market {
        width: 100%; /* Картинка занимает всю ширину карточки */
        height: auto; /* Сохраняем пропорции */
    }
    
    .t_header{
        padding: 25px;
    }
    .prod_det{
        gap: 1px;
    }
}

@media screen and (max-width:470px) {
    .phone_main2 {
        top: 60%;
    }
}

@media screen and (max-width:432px) {
    .card_market{
        /* max-width: 150px; */
        padding: 8px;
    }
    .img_card_market{
        /* width: 143px; */
        height: 143px;
    }
    .descr_card{
        font-size: 12px;
        max-width: 100%;
    }
    .text_descr_card{
        font-size: 12px;
        max-width: 98%;
    }
    .now_price{
        font-size: 1.2vh;
    }
    .last_price{
        font-size: 1.2vh;
    }
    .button_card{
        width: unset;
    }
    .price_card{
        width: unset;
    }
    .button_card{
        width: 100%;
        padding: 14.5px 0px;
    }
    .text_button_card{
        margin: unset;
    }
    .screens_tt{
        max-width: 95%;
    }
    .card_tt{
        /* max-width: 70px;
        height: 160px; */
        flex: 0 0 calc(50% - 5px);
        /* max-width: calc(50% - 5px); */
        box-sizing: border-box;
        max-width: 140px;
        height: 210px;
    }
    .phone_main2 {
        top: 63%;    
    }
    .product_main {
        margin-bottom: auto;
        height: 75vh;
    }
}

@media screen and (max-width:380px) {
    .phone_main2 {
        top: 65%;    
    }
    .product_main {
        margin-bottom: auto;
        height: 85vh;
    }
    .main {
        width: 90%;
        min-height: 680px;
    }
}

@media screen and (max-width:360px) {
    .phone_main2 {
        top: 65%;    
    }
    .product_main {
        margin-bottom: auto;
        height: 75vh;
    }
    .main {
        width: 90%;
        min-height: 680px;
    }
}

@media screen and (max-width:315px) {
    .header{
        flex-wrap: wrap;;
    }
    .prod_det {
        max-width: 250px;
    }
    .button_header_div{
        margin-top: 10px;
    }
    /* .phone_main2{
        margin-top: 45%;
    } */
}