/* compare — БЭМ-блок страницы Compare */

.compare__box {
  font-family:'Golos Text',sans-serif;
  min-height:100vh;
  background:#0D0E10;
  color:#ECEAE6;
}

.compare__main {
  max-width:1240px;
  margin:0 auto;
  padding:80px 32px 120px;
}

.compare__title {
  margin:0;
  font-size:clamp(36px,4.6vw,60px);
  letter-spacing:-0.035em;
  line-height:1.05;
  font-weight:600;
  max-width:820px;
}

.compare__text {
  margin:22px 0 0;
  font-size:17px;
  line-height:1.65;
  color:#A3A19B;
  max-width:640px;
}

.compare__box-2 {
  margin-top:56px;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  overflow-x:auto;
}

.compare__table {
  width:100%;
  border-collapse:collapse;
  font-size:15px;
  min-width:760px;
}

.compare__row {
  text-align:left;
}

.compare__head-cell {
  padding:20px 24px;
  font-weight:500;
  color:#77756F;
  font-size:13px;
  width:34%;
}

.compare__head-cell-2 {
  padding:20px 24px;
  font-weight:600;
  font-size:16px;
  background:rgba(245,184,61,0.07);
  border-left:1px solid rgba(245,184,61,0.3);
  border-right:1px solid rgba(245,184,61,0.3);
  color:#F5B83D;
}

.compare__head-cell-3 {
  padding:20px 24px;
  font-weight:600;
  font-size:16px;
}

.compare__row-2 {
  border-top:1px solid rgba(255,255,255,0.07);
}

.compare__cell {
  padding:16px 24px;
  color:#A3A19B;
}

.compare__cell-2 {
  padding:16px 24px;
  background:rgba(245,184,61,0.04);
  border-left:1px solid rgba(245,184,61,0.3);
  border-right:1px solid rgba(245,184,61,0.3);
}

.compare__cell-3 {
  padding:16px 24px;
  color:#77756F;
}

.compare__cell-4 {
  padding:16px 24px;
}

.compare__cell-5 {
  padding:16px 24px;
  background:rgba(245,184,61,0.04);
  border-left:1px solid rgba(245,184,61,0.3);
  border-right:1px solid rgba(245,184,61,0.3);
  border-bottom:1px solid rgba(245,184,61,0.3);
}

.compare__row-3 {
  margin-top:48px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.compare__link {
  padding:14px 22px;
  border-radius:11px;
  font-size:15.5px;
  font-weight:500;
  background:#F5B83D;
  color:#17130A;
}
.compare__link:hover {
  background:#FFC85A;
  color:#17130A;
}

.compare__link-2 {
  padding:14px 22px;
  border-radius:11px;
  font-size:15.5px;
  font-weight:500;
  color:#ECEAE6;
  border:1px solid rgba(255,255,255,0.14);
}
.compare__link-2:hover {
  border-color:rgba(255,255,255,0.3);
  color:#ECEAE6;
}
