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

.guarantee-conditions {
    position: relative;
}

.guarantee-conditions__grid{
    display:grid;
    grid-template-columns:minmax(0, 0.8fr) 1fr;
    gap:var(--space-12);
    align-items:start;
}

/* LEFT */

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

.guarantee-conditions__description{
    margin:0 0 10px;
    max-width:760px;
    color: var(--muted);
    font-size: var(--text-sm);
    line-height:1.7;
}

.guarantee-conditions__list{
    display:flex;
    flex-direction:column;
}

.guarantee-conditions__item{
    display:flex;
    align-items:flex-start;
    gap:var(--space-4-5);
}

.guarantee-conditions__icon{

    width:48px;
    height:48px;

    flex-shrink:0;

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


}

.guarantee-conditions__icon-img{

    width:28px;
    height:28px;
    object-fit:contain;

}

.guarantee-conditions__text{

    padding-top:var(--space-2-5);
color: var(--muted);
    font-size: var(--text-sm);
    line-height:1.55;

}

/* RIGHT */

.guarantee-conditions__right{
    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-table{


    overflow:hidden;

 

}

.guarantee-conditions__table-title{
    margin: 0 0 15px;
    color: var(--color-white);
    font-size: clamp(18px, 1.25vw, 22px);
    line-height: 1.25;
    font-weight: 800;
    
    padding: 18px  15px 0 15px;

}

.guarantee-table__row{

    display:flex;
    justify-content:space-between;
    gap:var(--space-6);

    padding:10px 15px;

    transition:.2s;

}

.guarantee-table__row:not(:last-child){

    border-bottom:1px solid rgba(255,255,255,.06);

}

.guarantee-table__row:hover{

    background:rgba(255,255,255,.03);

}

.guarantee-table__service{

    color: var(--muted);
    
    font-size: var(--text-sm);
    line-height:1.5;

}

.guarantee-table__period{

    flex-shrink:0;

    color: var(--color-white);

    font-weight:700;

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

}

/* ================= */

@media(max-width:var(--container-content)){

.guarantee-conditions__grid{

grid-template-columns:1fr;

}

.guarantee-conditions__right{

position:static;

}

}

@media(max-width:768px){



.guarantee-conditions__description{


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

margin-bottom:26px;

}



.guarantee-conditions__table-title{

padding:var(--space-4-5);

}

}

@media(max-width:576px){

.guarantee-conditions__item{

gap:14px;

}

.guarantee-conditions__icon{

width:42px;
height:42px;

}

.guarantee-conditions__icon-img{

width:18px;
height:18px;

}

.guarantee-table__row{

flex-direction:column;
gap:var(--space-2);

}

.guarantee-table__period{

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

}

}