/* Panel depth replaces the previous outline-and-divider treatment. */
.home-hero,
.section,
.service {
  border: 0;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}

.product-grid {
  gap: 14px;
  border: 0;
}

.product-grid article {
  border: 0;
  border-radius: 14px;
  background: rgba(0, 0, 0, .12);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
}

.service ul,
.service li,
.service li:nth-child(even) {
  border: 0;
}

.service li:nth-child(even) {
  padding-left: 0;
}

@media (max-width: 700px) {
  .product-grid { gap: 12px; }
}