.availability-note {
  margin: 22px 0 -20px;
  color: #536b80;
  font-size: 14px;
}

.cement-grid .product {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.cement-product img,
.dangote-bag,
.block-stack {
  display: block;
  height: 190px;
  width: 100%;
  object-fit: contain;
  padding: 18px;
  background: #f8fbff;
}

.product-details { padding: 20px 22px 24px; }
.product-details h3 { font-size: 22px; }
.product-price { color: #1677d2 !important; font-weight: 700; margin-top: 12px !important; }

.dangote-bag {
  background: linear-gradient(140deg, #ecf2f4, #cbd9dd);
  border-bottom: 10px solid #08733d;
  color: #04653c;
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.dangote-bag b { font-size: 28px; letter-spacing: 1px; }
.dangote-bag span { font-size: 50px; font-weight: 800; color: #dc221d; margin: 8px 0; }
.dangote-bag small { color: #333; font-weight: 700; }

.block-stack {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 9px;
  align-content: center;
  background: linear-gradient(135deg, #eef5fb, #dcebf7);
}

.block-stack span {
  height: 55px;
  background: #abb6be;
  border: 4px solid #82909a;
  box-shadow: inset 0 0 0 12px #c4cbd0, 3px 4px 0 #6e7c86;
}

@media (max-width: 760px) {
  .availability-note { margin-bottom: 22px; }
  .cement-product img, .dangote-bag, .block-stack { height: 170px; }
}

.bulk-materials {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 50px;
}

.bulk-card {
  background: #fff;
  border: 1px solid #dce7f0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.bulk-card img { width: 100%; height: 100%; min-height: 285px; object-fit: cover; }
.bulk-card div { padding: 30px 25px; }
.bulk-card h3 { color: #092b63; font-size: 26px; line-height: 1.1; margin: 12px 0; }
.bulk-card p { color: #657076; font-size: 14px; line-height: 1.55; }
.bulk-card a { color: #1677d2; display: inline-block; font-weight: 700; margin-top: 10px; text-decoration: none; }

@media (max-width: 1000px) { .bulk-card { grid-template-columns: 1fr; } .bulk-card img { height: 230px; min-height: 0; } }
@media (max-width: 650px) { .bulk-materials { grid-template-columns: 1fr; } }

footer .admin-link { color: #b8c9dc; text-decoration: none; }

.nav-links .home-nav{display:grid;place-items:center;border:1px solid #c9d8e6;border-radius:50%;height:29px;width:29px;padding:6px}.nav-links .home-nav svg{height:15px;width:15px;fill:#092b63}
