/* path: core/static/ui/css/blocks/guarantees.css */

/* =============================================================================
   Guarantees
   ============================================================================= */

.Guarantees__body{
  margin-bottom:0;
}

.Guarantees__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-4);
}

.GuaranteeCard{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:var(--space-4);
}

.GuaranteeCard__iconWrap{
  width:52px;
  height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:var(--surface-2);
  border:1px solid var(--divider-2);
  margin-bottom:var(--space-3);
}

.GuaranteeCard__icon{
  font-size:1.35rem;
  line-height:1;
}

.GuaranteeCard__content{
  min-width:0;
}

.GuaranteeCard__title{
  margin:0 0 var(--space-2);
  color:var(--text);
  font-family:var(--font-head);
  font-size:1.2rem;
  line-height:1.15;
  font-weight:700;
  letter-spacing:-.02em;
}

.GuaranteeCard__text{
  margin:0;
  color:var(--text-2);
  font-size:1rem;
  line-height:1.55;
}

.Guarantees__note{
  display:flex;
  align-items:center;
  padding:var(--space-3) var(--space-4);
  border:0;
  border-radius:var(--r-m);
  background:var(--surface-2);
  color:var(--text-2);
  font-size:.98rem;
  line-height:1.45;
}

.Guarantees__noteText{
  display:block;
  max-width:70ch;
}

.Guarantees__note a{
  color:var(--accent-strong);
  text-decoration:none;
  text-underline-offset:3px;
}

.Guarantees__note a:hover{
  text-decoration:underline;
}

@media (min-width:768px){
  .Guarantees__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:var(--space-4);
  }

  .GuaranteeCard{
    padding:var(--space-4);
  }

  .GuaranteeCard__title{
    font-size:1.25rem;
  }

  .Guarantees__note{
    min-height:100%;
  }
}

@media (min-width:1024px){
  .Guarantees__grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .Guarantees__note{
    grid-column:1 / -1;
    min-height:auto;
  }

  .GuaranteeCard{
    min-height:100%;
  }
}