/* Runtime overrides (so we don't depend on Tailwind rebuilds during development) */

/* Ensure About hero wrapper spacing is applied */
.pt-\[220px\]{
  padding-top:190px !important;
}

/* Product short description list style to match reference design */
.product-short-description p{
  margin: 0 0 12px;
}

.product-short-description ul{
  list-style: none !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px 24px !important;
}

@media (min-width: 640px){
  .product-short-description ul{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 26px !important;
  }
}

.product-short-description li{
  position: relative;
  list-style: none !important;
  margin: 0 !important;
  width: auto !important;
  padding-left: 32px !important;
  font-size: 1rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #344054 !important;
}

.product-short-description li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  background: #dcfce7;
}

.product-short-description li::after{
  content: "✓";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 700;
  color: #16a34a;
}

/* Specifications rich text: keep real list bullets visible */
#tab-specs .prose ul{
  list-style: disc !important;
  margin: 0 0 1rem 1.25rem !important;
  padding: 0 !important;
}

#tab-specs .prose ol{
  list-style: decimal !important;
  margin: 0 0 1rem 1.25rem !important;
  padding: 0 !important;
}

#tab-specs .prose li{
  display: list-item !important;
  margin: 0.2rem 0 !important;
  padding: 0 !important;
}

/* Description tab rich text: preserve numbered/bulleted list formatting */
#tab-desc .prose ol{
  list-style: decimal !important;
  margin: 0 0 1rem 1.5rem !important;
  padding: 0 !important;
}

#tab-desc .prose ul{
  list-style: disc !important;
  margin: 0 0 1rem 1.5rem !important;
  padding: 0 !important;
}

#tab-desc .prose li{
  display: list-item !important;
  margin: 0.2rem 0 !important;
  padding: 0 !important;
}

/* Product cards: match reference layout/style */
.product-card{
  background: #ffffff !important;
  border: 1px solid #e6ebf1 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
}

.product-card .product-card-image{
  background: #f8fafc !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 32px !important;
}

.product-card .product-card-body{
  padding: 24px !important;
}