/* Start:/local/templates/main/components/bitrix/catalog/catalog/style.min.css?1735027957959*/
.grid .bx_content_section{margin-bottom:15px}.grid .bx_sidebar{margin-bottom:15px}.grid2x1 .bx_content_section{float:left;width:66%;margin-bottom:15px}.grid2x1 .bx_sidebar{float:right;width:33%;margin-bottom:15px;padding-left:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(max-width:960px){.grid2x1 .bx_sidebar{padding-left:4%}}@media(max-width:640px){.grid2x1 .bx_content_section,.grid2x1 .bx_sidebar{width:100%;float:none}.grid2x1 .bx_sidebar{padding-left:3%}}@media(max-width:479px){.grid2x1 .bx_sidebar{padding-left:1%}}.catalog-block-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}body.bx-theme-blue .catalog-block-header{border-color:#006cc0}body.bx-theme-green .catalog-block-header{border-color:#63aa28}body.bx-theme-red .catalog-block-header{border-color:#da3737}body.bx-theme-yellow .catalog-block-header{border-color:#f4b236}
/* End */


/* Start:/local/templates/main/components/bitrix/breadcrumb/.default/style.css?1735027957580*/
/*.bx-breadcrumb {*/
/*	margin: 10px 0;*/
/*}*/
/*.bx-breadcrumb i {*/
/*	color: #b5bdc2;*/
/*	line-height: 13px;*/
/*	font-size: 12px;*/
/*	vertical-align: middle;*/
/*	margin-right: 5px;*/
/*}*/
/*.bx-breadcrumb .bx-breadcrumb-item {*/
/*	float: left;*/
/*	white-space: nowrap;*/
/*	line-height: 13px;*/
/*	vertical-align: middle;*/
/*	margin-right: 10px;*/
/*}*/
/*.bx-breadcrumb .bx-breadcrumb-item span {*/
/*	font-size: 13px;*/
/*	white-space: normal;*/
/*}*/
/*.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}*/
/*.bx-breadcrumb .bx-breadcrumb-item a:hover {}*/

/* End */


/* Start:/local/components/mydent24.local/preorder/templates/.default/style.css?17515420769295*/
.product-detail .preorder-block{
    margin: 0 0 15px 0;
}
.product-detail .preorder-steps{
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    border-radius: 32px;
    background: #fff;
    overflow: hidden;
    transition: .2s;
}
.product-detail .preorder-step {
    display: block;
    text-transform: none;
    text-align: center;
    z-index: 1;
    color: #001E42;
    font-family: 'Muller-regular', sans-serif !important;
    cursor: pointer;
    padding: 20px 0;
    font-weight: 500;
    font-size: 1em;
    line-height: initial;
    white-space: nowrap;
    transition: .2s;
    overflow: hidden;
}
.product-detail .preorder-steps .preorder-step-1{
    padding-right: 35px;
    background: url("/local/templates/main/dist/img/icon-preorder-0.svg") no-repeat 89% 54%;
}
.product-detail .preorder-steps.step-1 .preorder-step-1{
    background: url("/local/templates/main/dist/img/icon-preorder-2.svg") no-repeat 89% 54%, #DB4C3E;
}
.product-detail .preorder-steps .preorder-step-1.stage-1{
    padding-right: 50px;
}
.product-detail .preorder-steps .preorder-step-2{
    padding-right: 10px;
}
.product-detail .preorder-steps.step-0 .preorder-step-0,
.product-detail .preorder-steps.step-1 .preorder-step-1{
    color: #fff;
}
.product-detail .preorder-steps.step-0 .preorder-step-1{
    cursor: default;
    pointer-events: none;
}
.product-detail .preorder-steps.step-1 .preorder-step-0{
    color: #001E42;
    background: #D9D9D9;
    cursor: default;
    pointer-events: none;
}
.product-detail .preorder-steps .preorder-step-0{
    border-radius: 32px;
    background: #DB4C3E;
    min-width: 51%;
}
.product-detail .preorder-steps .steps-group{
    position: relative;
    transition: .2s;
}
.product-detail .preorder-steps .steps-group:first-child{
    flex: 2;
    min-width: 71%;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #D9D9D9;
    border-radius: 32px;
    overflow: hidden;
}
.product-detail .preorder-steps.step-1 .steps-group:first-child{
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(219, 76, 62, 1) 21%, rgba(219, 76, 62, 1) 100%);
}
.product-detail .preorder-steps .steps-group:first-child:before {
    content: '';
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: .15s;
    background: #DB4C3E;
    z-index: 0;
    border-radius: 32px;
}
.product-detail .preorder-steps.step-1 .steps-group:first-child:before {
    left: 50%;
}
.product-detail .preorder-steps .steps-group:first-child .preorder-step{
    flex: 1;
}
.product-detail .preorder-steps .steps-group:nth-child(2){
    flex: 1;
    min-width: 0;
}

.preorder-form a,
.preorder-form div,
.preorder-form textarea,
.preorder-form input{
    font-family: 'Muller-regular', sans-serif !important;
}
.preorder-form {
    width: 490px;
    margin: 0 auto;
    background: white;
    border-radius: 32px;
    padding: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    position: fixed;
    z-index: -100;
    top: 22%;
    left: 35.5%;
}
.preorder-form.open {
    opacity: 1;
    pointer-events: initial;
    z-index: 160;
}

.preorder-form .form-header {
    background-color: #d1d5db;
    padding: 18px;
    text-align: center;
    border-radius: 32px;
    position: relative;
}

.preorder-form .form-title {
    font-size: 24px;
    color: #001E42;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.preorder-form .form-icon {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.preorder-form .form-content {
    padding: 30px 45px;
}

.preorder-form .input-group {
    margin-bottom: 26px;
    position: relative;
}

.preorder-form .input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    border: 2px solid rgb(0 30 66 / 30%);
    border-radius: 32px;
    transition: all 0.3s ease;
    overflow: hidden;
    box-sizing: border-box;
}

.preorder-form .input-wrapper:focus-within {
    /*border-color: #4f46e5;*/
    /*background: white;*/
    /*box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);*/
}

.preorder-form .input-icon {
    color: #6b7280;
    margin: 12px 16px 12px 18px;
    font-size: 18px;
}

.preorder-form .form-content .form-input {
    border: none;
    background: transparent;
    outline: none;
    flex: 1;
    font-size: 16px;
    color: #001E42;
    padding: 17px 0;
    line-height: 18px;
}

.preorder-form .form-input::placeholder {
    color: #B2BBC6;
}

.preorder-form .textarea-wrapper {
    /*background: #f9fafb;*/
    border: 2px solid #e5e7eb;
    border-radius: 32px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.preorder-form .textarea-wrapper:focus-within {
    /*border-color: #4f46e5;*/
    /*background: white;*/
    /*box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);*/
}

.preorder-form .form-textarea {
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
    resize: none;
    font-size: 16px;
    color: #001E42;
    min-height: 80px;
    font-family: inherit;
    padding: 15px 20px;
}

.preorder-form .form-textarea::placeholder {
    color: #B2BBC6;
}

.preorder-form .checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 25px 0;
}

.preorder-form .checkbox-wrapper {
    position: relative;
}

.preorder-form .form-checkbox {
    width: 18px;
    height: 18px;
    border: 2px solid #d1d5db;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

.preorder-form .form-checkbox:checked {
    background: #4f46e5;
    border-color: #4f46e5;
}

.preorder-form .form-checkbox:checked::after {
    content: '✓';
    position: absolute;
    color: white;
    font-size: 12px;
    top: -1px;
    left: 2px;
}

.preorder-form .checkbox-label {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.4;
    cursor: pointer;
    flex: 1;
}

.preorder-form .privacy-link {
    color: #DB4C3E;
    text-decoration: none;
}

.preorder-form .privacy-link:hover {
    text-decoration: underline;
}

.preorder-form .submit-button {
    width: 100%;
    height: 55px;
    background: #DB4C3E;
    color: white;
    border: none;
    border-radius: 32px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    /*box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);*/
}

.preorder-form .submit-button:hover {
    transform: translateY(-2px);
    /*box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4);*/
}

.preorder-form .submit-button:active {
    transform: translateY(0);
}
.preorder-notice{
    display: block;
    margin: 18px 0 0;
}


.icon-person::before,
.icon-email::before,
.icon-phone::before,
.icon-briefcase::before{
    content: '';
    display: block;
    width: 26px;
    height: 26px;
}

.icon-person::before{
    background: url('/local/templates/main/dist/img/icon-user-black.svg') no-repeat 0 1px;
}
.icon-email::before{
    background: url('/local/templates/main/dist/img/icon-email-black.svg') no-repeat 1px 5px;
}
.icon-phone::before{
    background: url('/local/templates/main/dist/img/icon-phone-black.svg') no-repeat 0 1px;
}
.icon-briefcase::before{
    background: url('/local/templates/main/dist/img/icon-case.svg') no-repeat -2px -1px;
}
.form-title-icon::before{
    content: '';
    display: block;
    width: 29px;
    height: 22px;
}
.form-title-icon::before{
    background: url('/local/templates/main/dist/img/icon-preorder-0.svg') no-repeat 0 0;
    background-size: cover;
}




@media only screen and (max-width: 1400px) {
    .product-detail .preorder-steps .preorder-step-1{
        padding-right: 40px;
        background: url("/local/templates/main/dist/img/icon-preorder-0.svg") no-repeat 91% 54%;
        background-size: 30px;
    }
    .product-detail .preorder-steps.step-1 .preorder-step-1{
        background: url("/local/templates/main/dist/img/icon-preorder-2.svg") no-repeat 91% 54%, #DB4C3E;
    }
}
@media only screen and (max-width: 1210px) {
    .product-detail .preorder-steps .preorder-step-1{
        padding-right: 10px;
        background: none;
    }
    .product-detail .preorder-steps.step-1 .preorder-step-1{
        background: #DB4C3E;
    }
}
@media only screen and (max-width: 1210px) {
    .product-detail .preorder-step{
        font-size: 14px;
    }
}
@media only screen and (max-width: 960px) {
    .preorder-form{
        left: 20%;
    }
}
@media only screen and (max-width: 650px) {
    .preorder-form{
        left: 12%;
    }
}
@media only screen and (max-width: 480px) {
    .preorder-form{
        top: 5%;
        left: 5%;
        width: 90%;
    }
}
/* End */
/* /local/templates/main/components/bitrix/catalog/catalog/style.min.css?1735027957959 */
/* /local/templates/main/components/bitrix/breadcrumb/.default/style.css?1735027957580 */
/* /local/components/mydent24.local/preorder/templates/.default/style.css?17515420769295 */