/**
 * Overlay: lưới danh mục cấp 2 trên trang cấp 1 (kể cả khi chưa có sản phẩm).
 * Không đụng recover CSS hashed.
 */

#giasy-l2-children {
  max-width: 1180px;
  margin: 12px auto 20px;
  padding: 16px 18px 14px;
  background: #ffffff;
  border: 1px solid #7dd3fc;
  border-radius: 12px;
  color: #122033;
}

#giasy-l2-children[hidden] {
  display: none !important;
}

#giasy-l2-children h2 {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #0b4f6a;
}

.giasy-l2-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}

.giasy-l2-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid #b7dce8;
  border-radius: 10px;
  background: #f4f9fb;
  color: #0b4f6a;
  text-decoration: none;
  font-weight: 700;
}

.giasy-l2-card:hover {
  background: #e0f2fe;
  border-color: #38bdf8;
  color: #082f49;
}

.giasy-l2-card span {
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}