.dashboard-section{
  margin-bottom:36px;
}

.history-section{
  padding-top:24px;
  border-top:1px solid var(--nd-border);
}

.section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:17px;
}

.section-title h2,
.section-title p{
  margin:0 0 5px;
}

.section-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 13px;
  border-radius:20px;
  color:#9a4300;
  background:var(--nd-orange-soft);
  font-weight:850;
}

.secondary-count{
  color:var(--nd-blue);
  background:var(--nd-blue-soft);
}

.deadline-countdown{
  color:var(--nd-orange-dark);
  font-weight:800;
}

.field-hint{
  display:block;
  margin-top:7px;
  color:var(--nd-muted);
  font-size:.84rem;
  font-weight:400;
}

.product-specification{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:11px 0;
  padding:13px;
  border:1px solid #d9e6f0;
  border-radius:9px;
  color:#24415e;
  background:var(--nd-blue-soft);
}

.product-row{
  grid-template-columns:repeat(4,minmax(150px,1fr));
}

.product-row .remove-product{
  grid-column:1/-1;
  justify-self:start;
}

@media(max-width:900px){
  .product-row{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .section-title{
    align-items:flex-start;
  }

  .product-row{
    grid-template-columns:1fr;
  }

  .product-specification{
    flex-direction:column;
    gap:6px;
  }
}
