/* Layout Wrappers */
.dynamic-content-wrapper {
  padding: 20px 0;
}

.grid-display, 
.product-grid {
  display: grid; 
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 
  gap: 20px; 
  margin-top: 30px;
}

.product-series-container {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  gap: 40px; 
  margin-top: 30px;
}

/* Cards & Links */
.card-link, 
.product-card-link {
  text-decoration: none; 
  color: inherit; 
  display: block;
  height: 100%;
}

.card, 
.product-card {
  border: 1px solid #ddd; 
  padding: 15px; 
  border-radius: 8px; 
  transition: box-shadow 0.2s; 
  height: 100%;
  display: flex;
  flex-direction: column;
}

.card:hover, 
.product-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.card img, 
.product-card img {
  width: 100%; 
  height: auto; 
  margin-bottom: 15px; 
  display: block;
}

.card h3, 
.product-card h3 {
  margin-top: 0; 
  color: #333;
}

/* Product Detail Page Specifics */
.product-breadcrumb {
  margin-bottom: 20px; 
  font-size: 14px; 
  color: #666;
}

.product-breadcrumb a {
  text-decoration: none; 
  color: inherit;
}

.product-breadcrumb span {
  color: #000; 
  font-weight: bold;
}

.main-image-wrapper {
  border: 1px solid #eee; 
  padding: 20px; 
  border-radius: 8px; 
  margin-bottom: 20px;
}

.main-image-wrapper img {
  width: 100%; 
  height: auto; 
  display: block;
}

.secondary-image-container p {
  margin-bottom: 5px; 
  font-size: 12px; 
  color: #666;
}

.secondary-image-wrapper {
  width: 100px; 
  border: 1px solid #ccc; 
  cursor: pointer; 
  padding: 5px;
}

.secondary-image-wrapper img {
  width: 100%; 
  display: block;
}

/* Buttons and Badges */
.category-badge {
  display: inline-block; 
  background: #f4f4f4; 
  padding: 4px 8px; 
  border-radius: 4px; 
  font-size: 12px; 
  font-weight: bold; 
  color: #555; 
  margin-bottom: 20px;
}

.enquire-button {
  background: #000; 
  color: #fff; 
  padding: 15px 30px; 
  text-decoration: none; 
  border-radius: 4px; 
  font-weight: bold;
  display: inline-block;
}

.enquire-button:hover {
  background: #333;
}

.product-description {
  font-size: 16px; 
  line-height: 1.6; 
  color: #333