/* Shared flat device specification list for product pages. */
.product-specs {
  padding-top:72px!important;
  padding-bottom:100px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%)!important;
}

.product-specs .section-title {
  margin-bottom:40px!important;
}

.product-page--stainer .product-specs {
  background:#fff!important;
}

.product-spec-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  position:relative;
  overflow:hidden;
  margin:0;
  padding:18px 24px;
  border:1px solid #d8e5f3;
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 42px rgba(39,75,126,.08);
}

.product-spec-list::before {
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:4px;
  background:linear-gradient(90deg,#1875ec,#65c9d2);
  content:"";
}

.product-spec-list>div {
  display:grid;
  grid-template-columns:152px minmax(0,1fr);
  min-height:66px;
  border-bottom:1px solid #e6edf6;
}

.product-spec-list>div:nth-child(odd) {
  padding-right:24px;
  border-right:1px solid #e6edf6;
}

.product-spec-list>div:nth-child(even) {
  padding-left:24px;
}

.product-spec-list>div:nth-last-child(-n+2) {
  border-bottom:0;
}

.product-spec-list dt,
.product-spec-list dd {
  display:flex;
  align-items:center;
  margin:0;
  padding:14px 12px;
  line-height:1.65;
}

.product-spec-list dt {
  position:relative;
  color:#1464c6;
  font-size:16px;
  font-weight:700;
}

.product-page--stainer .product-spec-list dt {
  justify-content:flex-start;
  text-align:left;
}

.product-spec-list dt::before {
  width:4px;
  height:18px;
  margin-right:10px;
  border-radius:999px;
  background:#8fbdf0;
  content:"";
}

.product-spec-list dd {
  color:#405470;
  font-size:15.5px;
  font-weight:400;
}

@media(max-width:980px) {
  .product-spec-list {
    grid-template-columns:1fr;
  }

  .product-spec-list>div:nth-child(odd),
  .product-spec-list>div:nth-child(even) {
    padding-right:0;
    padding-left:0;
    border-right:0;
    border-bottom:1px solid #e6edf6;
  }

  .product-spec-list>div:last-child {
    border-bottom:0;
  }
}

@media(max-width:760px) {
  .product-specs {
    padding-top:56px!important;
    padding-bottom:64px!important;
  }

  .product-specs .section-title {
    margin-bottom:30px!important;
  }

  .product-spec-list {
    padding:10px 16px;
    border-radius:16px;
  }

  .product-spec-list>div {
    grid-template-columns:116px minmax(0,1fr);
    min-height:60px;
  }

  .product-spec-list dt,
  .product-spec-list dd {
    padding:11px 6px;
  }

  .product-spec-list dt,
  .product-spec-list dd {
    font-size:14px;
  }
}