@import url("../design-tokens.css");

#guarantee-request-block .guarantee-request{
      position: relative;
    padding: 22px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: radial-gradient(circle at 100% 0%, var(--color-highlight), transparent 36%), linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012));
    box-shadow: var(--shadow-highlight);
}

#guarantee-request-block .guarantee-request{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
}

/*==========================
LEFT
==========================*/

#guarantee-request-block .guarantee-request__left{
    padding-right:55px;
    border-right:1px solid var(--color-border-subtle);
}

#guarantee-request-block .guarantee-request__title{
        margin: 0 0 18px;
    color: var(--color-white);
    font-size: clamp(18px, 1.25vw, 22px);
    line-height: 1.25;
    font-weight: 800;
}

#guarantee-request-block .guarantee-request__steps{
    display:flex;
    flex-direction:column;
    gap:25px;
}

#guarantee-request-block .guarantee-step{
    display:flex;
    align-items:flex-start;
    gap:var(--space-4-5);
}

#guarantee-request-block .guarantee-step__number{

    width:52px;
    height:52px;

    min-width:52px;

    border-radius:var(--radius-round);

    background:#5d1113;

    color:#df2528;

    font-size:22px;
    font-weight:700;

    display:flex;
    align-items:center;
    justify-content:center;

}

#guarantee-request-block .guarantee-step__content{

    padding-top:var(--space-1);

}

#guarantee-request-block .guarantee-step__title{

    color:var(--color-white);

    font-size: var(--text-sm);

    font-weight:600;

    line-height:1.3;

    margin-bottom:var(--space-2);

}

#guarantee-request-block .guarantee-step__description{

    color:var(--color-gray-400);


    font-size: var(--text-sm);

    line-height:1.55;

}

/*==========================
RIGHT
==========================*/

#guarantee-request-block .guarantee-request__right{
    padding-left:0;
}

#guarantee-request-block .guarantee-request__text{

    color:var(--color-gray-400);
    margin-bottom:var(--space-5);


}

/*==========================
FORM
==========================*/

#guarantee-request-block .guarantee-request__form form{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:var(--space-4);

}

#guarantee-request-block input,
#guarantee-request-block textarea,
#guarantee-request-block select{

    width:100%;

    background:var(--color-surface-elevated);

    border:1px solid var(--color-border-subtle);

    border-radius:var(--radius-sm);

    color:var(--color-white);

    padding:15px 18px;

    font-size:var(--font-size-base);

}

#guarantee-request-block textarea{

    grid-column:1/-1;

    resize:none;

    min-height:120px;

}

#guarantee-request-block input:focus,
#guarantee-request-block textarea:focus{

    outline:none;

    border-color:#df2528;

}

#guarantee-request-block .submit,
#guarantee-request-block input[type=submit],
#guarantee-request-block button{

    width:260px;

    height:58px;

    border:none;

    border-radius:var(--radius-sm);

    background:#df2528;

    color:var(--color-white);

    font-size:var(--font-size-md);

    font-weight:600;

    cursor:pointer;

    transition:.2s;

}

#guarantee-request-block input[type=submit]:hover,
#guarantee-request-block button:hover{

    background:#c71e21;

}

/*==========================
MOBILE
==========================*/

@media(max-width:992px){

#guarantee-request-block .guarantee-request{

grid-template-columns:1fr;

gap:45px;

}

#guarantee-request-block .guarantee-request__left{

border-right:none;

padding-right:0;

padding-bottom:40px;

border-bottom:1px solid var(--color-border-subtle);

}

}

@media(max-width:768px){

#guarantee-request-block .guarantee-request{

padding:25px;

}

#guarantee-request-block .guarantee-request__form form{

grid-template-columns:1fr;

}

#guarantee-request-block textarea{

grid-column:auto;

}

#guarantee-request-block input[type=submit],
#guarantee-request-block button{

width:100%;

}

#guarantee-request-block .guarantee-step__number{

width:42px;
height:42px;
min-width:42px;

font-size:var(--font-size-md);

}

#guarantee-request-block .guarantee-step__title{

font-size:var(--font-size-lg);

}

#guarantee-request-block .guarantee-step__description{

font-size:var(--font-size-sm);

}

}/* =======================================================
   BITRIX FORM
======================================================= */

#guarantee-request-block .b24-form,
#guarantee-request-block .b24-form-dark,
#guarantee-request-block .b24-form-wrapper,
#guarantee-request-block .b24-form-content{

    background:none !important;
    box-shadow:none !important;
    border:none !important;
    padding:0 !important;
    margin:0 !important;

}

#guarantee-request-block .b24-form-padding-side{

    padding:0 !important;

}

#guarantee-request-block .b24-form-header-padding{

    display:none !important;

}

/* =======================================================
   GRID
======================================================= */

#guarantee-request-block form{

    display:grid !important;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:var(--space-4);

}

/* =======================================================
   ROWS
======================================================= */

#guarantee-request-block form > div:first-child{

    display:contents;

}

/* =======================================================
   FIELDS
======================================================= */

#guarantee-request-block .b24-form-field{

    margin:0 !important;

}

#guarantee-request-block .b24-form-control-container{

    width:100%;

}
#guarantee-request-block .b24-form-control-container{
    display:flex;
    width:100%;

}


#guarantee-request-block .b24-form-control{

    width:100% !important;

    height:56px !important;

    background:var(--color-surface-elevated) !important;

    border:1px solid var(--color-border-subtle) !important;

    border-radius:var(--radius-sm) !important;

    color:var(--color-white) !important;

    padding:0 18px !important;

    font-size:var(--font-size-base) !important;

    transition:.2s;

}

#guarantee-request-block textarea.b24-form-control{

    height:130px !important;

    padding:18px !important;

}

/* =======================================================
   PLACEHOLDER
======================================================= */

#guarantee-request-block .b24-form-control-label{

    color:#9f9f9f !important;

}

#guarantee-request-block .b24-form-control:focus{

    border-color:#df2528 !important;

}

/* =======================================================
   TEXTAREA
======================================================= */

#guarantee-request-block .b24-form-field-textarea{

    grid-column:1/-1;

}

/*
если поле называется по-другому
*/

#guarantee-request-block textarea{

    grid-column:1/-1;

}

/* =======================================================
   AGREEMENT
======================================================= */

#guarantee-request-block .b24-form-field-agreement{

    grid-column:1/-1;

    margin-top:4px !important;

}

#guarantee-request-block .b24-form-control-desc{

    color:#9b9b9b !important;

    font-size:var(--font-size-2xs) !important;

    line-height:1.5;

}

/* =======================================================
   BUTTON
======================================================= */

#guarantee-request-block .b24-form-btn-container{

    grid-column:1/-1;

    margin-top:8px !important;

}

#guarantee-request-block .b24-form-btn-block{

    display:flex;

}

#guarantee-request-block .b24-form-btn{

    width:270px !important;

    height:58px !important;

    border:none !important;

    border-radius:var(--radius-sm) !important;

    background:#df2528 !important;

    color:var(--color-white) !important;

    font-size:var(--font-size-md) !important;

    font-weight:600 !important;

}

#guarantee-request-block .b24-form-btn:hover{

    background:#c92024 !important;

}

/* =======================================================
   HIDE
======================================================= */

#guarantee-request-block .b24-form-sign,

#guarantee-request-block .b24-form-footer,

#guarantee-request-block .b24-form-header{

    display:none !important;

}
.guarantee-request__form form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--space-4);
}

.guarantee-request__form .b24-form-field{
    margin:0 !important;
}

/* Предпоследнее поле */
#guarantee-request-block form > div:nth-last-of-type(2){
    grid-column:1 / -1;
}

/* Последнее поле */
#guarantee-request-block form > div:last-of-type{
    grid-column:1 / -1;
}
.guarantee-request__form input[type="checkbox"]{
    width:auto !important;
}