
.main_To
{
    background-color: var(--color_header);
    color: var(--color_text_To);
    /*min-height: calc( 100vh - var(--height_header) * 2 );*/
    min-height: calc( 100vh - var(--height_header) * 1 );
    background-image: url("../svg/bg_mp.svg");
    background-size: 80px 80px;
}
.img_To
{
    display:flex;
    flex-shrink:0;
    color:#f00;
    border: calc(var(--fontsize_menu) / 8 ) solid black;
    border-radius: calc(var(--fontsize_menu) / 3.2 );
    background-position: center ;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor:pointer;
    position: relative;
}
.img_To:before
{
    content: '';
    padding-top:61.8%;
}

.block_video_To
{
    display: flex;
    position: relative;
    max-height: 61.8vh; max-width: 100vh;
    margin-top: calc( 3*var(--fontsize_menu));
}

.block_video_To:before
{
    content: ' ';
    padding-top:61.8%;
}
.video_To
{
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

/*@media screen and (orientation: landscape)*/
/*@media screen and ( min-aspect-ratio: 162/100)*/
/*{*/
/*    .main_To*/
/*    {*/
/*        display:flex;*/
/*        flex-shrink:0;*/
/*    }*/
/*    .imgs_To*/
/*    {*/
/*        display:block;*/
/*        width:calc( ( 100vw  - var(--width_menu) )* 3 / 5   );*/
/*        max-width: 100vh;*/
/*        height:calc(100vh - var(--height_header));*/
/*        overflow-y:scroll;*/
/*        !*padding: 10px 5px 20px 0;*!*/
/*        padding: calc(var(--fontsize_menu) / 1.62 )*/
/*        calc(var(--fontsize_menu) / 3.2 )*/
/*        calc(var(--fontsize_menu) * 1.28 )*/
/*        calc(var(--fontsize_menu) / 1.62 );*/
/*    }*/
/*    .text_To*/
/*    {*/
/*        width:calc( ( 100vw  - var(--width_menu)  ) * 2 / 5  );*/
/*        min-width:calc( 100vw -  100vh - var(--width_menu) );*/
/*        overflow-y:scroll;*/
/*        height:calc(100vh - var(--height_header));*/
/*        !*padding: 10px 5px 20px 16;*!*/
/*        padding: calc(var(--fontsize_menu) / 1.62 )*/
/*        calc(var(--fontsize_menu) / 1.62 )*/
/*        calc(var(--fontsize_menu) * 1.28 )*/
/*        calc(var(--fontsize_menu) * 1 );*/
/*    }*/
/*    .img_To*/
/*    {*/
/*        margin:calc(var(--fontsize_menu) * 1 )*/
/*        calc(var(--fontsize_menu) / 2 )*/
/*        calc(var(--fontsize_menu) * 1 )*/
/*        calc(var(--fontsize_menu) / 2 );*/
/*    }*/
/*}*/
/*@media screen and (orientation: portrait)*/
/*@media screen and ( max-aspect-ratio: 162/100)*/
/*{*/
/*    .imgs_To*/
/*    {*/
/*        display:flex;*/
/*        width:100%;*/
/*        overflow-x:scroll;*/
/*        overflow-y:hidden;*/
/*        !*margin: 10px 0 0 0;*!*/
/*        padding-top: calc(var(--fontsize_menu) * 1.32 );*/
/*    }*/
/*    .text_To*/
/*    {*/
/*        display:block;*/
/*        padding: calc(var(--fontsize_menu) );*/
/*    }*/
/*    .img_To*/
/*    {*/
/*        width:85vw;*/
/*        margin: 0 0 0 calc(var(--fontsize_menu) / 1.62 );*/
/*    }*/
/*}*/



.block_likes_To
{
    margin: calc(var(--fontsize_menu) * 1.62 ) 0;;
    display:  flex;
}
.el_likes_To
{
    width: calc(var(--fontsize_menu) * 3.2 );
    height: calc(var(--fontsize_menu) * 3.2 );
    margin-right: calc(var(--fontsize_menu) * 0.62 ) ;
    /*background-color: yellow;*/
}
.heart_To
{
    fill: var(--active_header);
    stroke:deeppink;
    stroke-width:3%;
}
.noactive_To
{

}
.basket_To
{
    width: calc(var(--fontsize_menu) * 3.2 );
    height: calc(var(--fontsize_menu) * 3.2 );
    margin-right: calc(var(--fontsize_menu) * 0.62 ) ;
    fill: var(--noactive_header);
    stroke:#000;
}

.active_To
{
    fill:var(--active_header);
    stroke:var(--strokeactive_header);
}
.block_basket_To
{
    display: flex;
    margin-left: calc(0.8*var(--width_block_but_header));
}
.bl_el_basket_To
{
    display:grid;
    /*border:1px solid red;*/
}
.minus_basket_To
{
    margin-right: calc(0.15*var(--width_block_but_header));

}
.plus_To
{
    margin: auto;
    height: calc(0.8*var(--width_block_but_header));
    width: calc(0.8*var(--width_block_but_header));

    fill:var(--noactive_header);
    background-color: rgba(255,255,255, 0.2);
    border-radius: 50%;
    cursor:pointer;
    transform: rotate(45deg);
}







.tovarcode_To
{
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    cursor: pointer;
}






.block_ava_name_product_To
{
    margin: calc(var(--fontsize_menu) * 1.62 ) 0;
}
.name_param_To
{
    color: var(--colorcommentcontent_main);
}
.ava_name_product_To
{
    font-family: Georgia serif ;
    font-style: italic;
    font-size: calc(var(--fontsize_menu) * 1.32 );
    font-weight: 700;
}
.inp_ava_name_product_To
{
    font-family: Georgia serif ;
    font-style: italic;
    font-size: calc(var(--fontsize_menu) * 1.32 );
    font-weight: 700;
    width: 100%;
    background-color: #fff;
    padding-left: var(--fontsize_menu) ;
}
.inp_name_product_To
{
    font-family: Georgia serif ;
    font-style: italic;
    font-size: calc(var(--fontsize_menu) * 1.32 );
    font-weight: 700;
    width: 100%;
    background-color: #fff;
    padding-left: var(--fontsize_menu) ;
}
.block_name_product_To
{
    margin-top: calc(var(--fontsize_menu) * 1.62 );
}
.name_product_To
{
    font-family: Georgia serif ;
    font-style: italic;
    font-size: calc(var(--fontsize_menu) * 1.32 );
    font-weight: 700;
}
.overX_To
{
    overflow-x: scroll ;
}
.img_ava_To
{
    box-shadow: inset 0 0 calc(var(--fontsize_menu) * 1.28 ) rgb(0,255,0 ); /* Параметры тени */
    position: relative;
}
.img_inp_check_To
{
    position: absolute;
    right: calc(var(--fontsize_menu) / 1.62 );
    top: calc(var(--fontsize_menu) / 1.62 );
    width: calc(var(--fontsize_menu) * 3.125 );
    height: calc(var(--fontsize_menu) * 3.125 );
    border: calc(var(--fontsize_menu) / 8 ) solid red;
    background: transparent;
    z-index:  9;
}
.img_background_all_To
{
    position: absolute;
    top:calc( -1 * var(--fontsize_menu) / 16.2 );
    left: calc( -1 * var(--fontsize_menu) / 16.2 );
    width: calc(100% + calc(var(--fontsize_menu) / 8 ));
    height: calc(100% + calc(var(--fontsize_menu) / 8 ));
    background-color: rgba(0,0,0,0.9);
    z-index: 8;
}
.block_To
{
    margin: calc(var(--fontsize_menu) * 1 ) 0;
}
.legend_model_name_To
{
    background-color: var(--color1);
}
.model_To
{
    margin-top:  calc(var(--fontsize_menu) * 2 );
    padding:  calc(var(--fontsize_menu) / 1.62 );
    border:  calc(var(--fontsize_menu) / 8 ) solid var(--color_text_To);
    border-radius:  calc(var(--fontsize_menu) / 3.2 );
    background-color: rgba(0,0,0,0.3);
    /*max-width: 80%;*/
}
.model_name_To
{
    /*padding: calc(var(--fontsize_menu) / 3.2 );*/
    padding:  calc(var(--fontsize_menu) / 4 ) calc(var(--fontsize_menu) / 2 );
    border: calc(var(--fontsize_menu) / 8 ) solid var(--color_text_To);
    border-radius: calc(var(--fontsize_menu) / 3.2 );
}
.dimensions_To
{
    font-weight: bold;
    margin-top: calc(var(--fontsize_menu) * 1);
}
.dimensions_To ~ .dimensions_To
{
    /*margin-top: calc(var(--fontsize_menu) * 2 );*/
}
.params_To
{
    max-width: calc(var(--height_header)*7);
    display: flex;
    border-bottom: calc( var(--fontsize_menu) / 16.2 ) dotted var(--color_text_To);
}
.valueparam_To
{
    margin-left: auto;
}
.bold_line_To
{
    /*font-weight: 700;*/
}

.content_To
{
    background-color: var(--color_header);
}
.btn_To:hover {
    color: var(--color2_hover);
    background-color: rgb( 9, 4, 23 );
    /*box-shadow: inset rgb(0 0 0 / 60%) 0 -3px 8px, inset rgb(200 200 200 / 70%) 0 3px 8px, rgb(0 0 0 / 80%) 0 3px 8px -3px;*/
    box-shadow: inset rgb(0 0 0 / 60%) 0 calc( -1 * var(--fontsize_menu)/5.5) calc( var(--fontsize_menu)/2),
    inset rgb(252 255 255 / 70%) 0 calc( var(--fontsize_menu)/5.5) calc( var(--fontsize_menu)/2),
    rgb(0 0 0 / 80%) 0 calc( var(--fontsize_menu)/5.5) calc( var(--fontsize_menu)/2) calc( -1 * var(--fontsize_menu)/5.5);
}

.btn_To {
    display: block;
    font-family: Arial, sans-serif;
    font-size: calc(var(--fontsize_menu) / 1.32 );
    font-weight: 600;
    color:var(--color2);

    padding: calc(var(--fontsize_menu) / 1.62 );
    margin: var(--fontsize_menu) auto var(--fontsize_menu) 0;
    border: calc(var(--fontsize_menu) / 16.2 ) solid #000;
    text-align: center;
    border-radius: calc(var(--fontsize_menu) / 1.62 );
    background-color: rgb(17, 9, 48);
    /*background-color: #444441;*/
    max-width: calc(var(--fontsize_menu) * 9 );
    /*!*box-shadow: inset rgb(0 0 0 / 60%) 0 -3px 8px, inset rgb(252 255 255 / 70%) 0 3px 8px, rgb(0 0 0 / 80%) 0 3px 8px -3px;*!*/
    box-shadow: inset rgb(0 0 0 / 60%) 0 calc( -1 * var(--fontsize_menu)/5.5) calc( var(--fontsize_menu)/2),
    inset rgb(252 255 255 / 70%) 0 calc( var(--fontsize_menu)/5.5) calc( var(--fontsize_menu)/2),
    rgb(0 0 0 / 80%) 0 calc( var(--fontsize_menu)/5.5) calc( var(--fontsize_menu)/2) calc( -1 * var(--fontsize_menu)/5.5);
    cursor: pointer;
}



.single-top-parameter select
{
    padding: calc(var(--fontsize_menu) / 1.62 );
    margin-left: calc(var(--fontsize_menu) / 1.62 );
    /*background-color: green;*/
}

