/* ==========================================================================
   Product Specifications - Shopify Dawn OS 2.0 Standard
   Flat table, hairline dividers, zero Bento card boxes or shadows
   ========================================================================== */

.product-specs {
  display: block;
  padding-top: calc(var(--space-10) * var(--font-body-scale));
  padding-bottom: calc(var(--space-10) * var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .product-specs {
    padding-top: calc(var(--space-14) * var(--font-body-scale));
    padding-bottom: calc(var(--space-14) * var(--font-body-scale));
  }
}

.product-specs__container {
  max-width: var(--page-width, 1200px);
  margin: 0 auto;
  padding-left: var(--space-6);
  padding-right: var(--space-6);
}

.product-specs__header {
  margin-bottom: var(--space-6);
}

.product-specs__title {
  margin: 0 0 var(--space-1-5);
  font-family: var(--font-heading-family);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--tracking-heading);
  color: rgb(var(--color-foreground));
}

.product-specs__subtitle {
  margin: 0;
  font-size: var(--font-size-sm);
  color: rgba(var(--color-foreground), 0.7);
}

.product-specs__table-wrapper {
  border: none;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}

.product-specs__table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: var(--font-size-sm);
  line-height: 1.5;
}

.product-specs__row {
  border-bottom: var(--border-hairline) solid var(--color-border);
  transition: background-color var(--duration-fast) var(--ease-default);
}

.product-specs__row:last-child {
  border-bottom: none;
}

.product-specs__row:hover {
  background-color: rgba(var(--color-foreground), 0.02);
}

.product-specs__label {
  padding: var(--space-3-5) var(--space-4) var(--space-3-5) 0;
  width: 32%;
  font-weight: var(--font-weight-medium);
  color: rgba(var(--color-foreground), 0.7);
  vertical-align: top;
  word-break: break-word;
}

.product-specs__value {
  padding: var(--space-3-5) 0 var(--space-3-5) var(--space-4);
  color: rgb(var(--color-foreground));
  vertical-align: top;
  word-break: break-word;
}

@media screen and (max-width: 749px) {
  .product-specs__table,
  .product-specs__row,
  .product-specs__label,
  .product-specs__value {
    display: block;
    width: 100%;
  }

  .product-specs__row {
    padding: var(--space-3) 0;
  }

  .product-specs__label {
    padding: 0 0 var(--space-1) 0;
    font-size: var(--font-size-xs);
    color: rgba(var(--color-foreground), 0.6);
    text-transform: uppercase;
    letter-spacing: var(--tracking-caps);
  }

  .product-specs__value {
    padding: 0;
  }
}