/* TABLE */
.comp-table{
  border-radius:22px;
  overflow:hidden;
  background:rgba(255,255,255,0.65);
  backdrop-filter:blur(12px);
  box-shadow:0 10px 40px rgba(0,0,0,0.05);
}

/* HEAD + ROW */
.comp-head, .comp-row{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  padding:18px 22px;
  align-items:center;
}

.comp-head{
  font-weight:600;
  font-size:15px;
  background:rgba(0,0,0,0.04);
}

.comp-row{
  border-top:1px solid rgba(0,0,0,0.06);
  transition:.25s ease;
}

.comp-row:hover{
  background:rgba(255,140,0,0.06);
}

/* TEXT */
.comp-f{
  font-weight:500;
}

.comp-w{
  color:var(--am);
  font-weight:600;
}

.comp-row div:last-child{
  color:#888;
}

/* TABLET */
@media(max-width:992px){
  .comp-head, .comp-row{
    grid-template-columns:1.2fr 1fr 1fr;
  }
}

/* MOBILE */
@media(max-width:768px){

  .comp-head{
    display:none;
  }

  .comp-table{
    background:none;
    box-shadow:none;
  }

  .comp-row{
    display:block;
    background:#fff;
    border-radius:14px;
    padding:16px;
    margin-bottom:12px;
    box-shadow:0 6px 20px rgba(0,0,0,0.04);
  }

  .comp-f{
    margin-bottom:10px;
    font-size:15px;
    font-weight:600;
  }

  .comp-row div{
    display:flex;
    justify-content:space-between;
    margin-bottom:6px;
    font-size:14px;
  }

  .comp-row div::before{
    content:attr(data-label);
    color:#666;
    font-weight:500;
  }

  .comp-row div:first-child::before{
    display:none;
  }
}